Слияние кода завершено, страница обновится автоматически
Leaflet.Mask
Leaflet.Mask — это плагин Leaflet, который позволяет скрывать области карты за пределами данных границ и может использоваться для выделения определённых участков карты.
Онлайн-демонстрация: demo.
Рисунок:
var map = L.map("map", {
center: [29, 120],
zoom: 8
});
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
L.mask('bound.json', {}).addTo(map);
L.mask(geosjon, options?)
| Параметр | Тип | Описание |
|---|---|---|
| geosjon | String|Object | .geojson URL или GeoJSON объект |
| options | Object | Опции маскирующего слоя |
| Опция | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
| interactive | Boolean | false | Если false, маскирующий слой не будет обрабатывать события мыши, и его поведение будет аналогично базовому слою. |
| fitBounds | Boolean | true | Если true, карта автоматически масштабируется до максимального размера границ маскирующей области. |
| restrictBounds | Boolean | true | Если true, перемещение карты ограничивается пределами маскирующей области. |
| Опция | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
| stroke | Boolean | true | Указывает, следует ли рисовать границу. |
| color | String | '#3388ff' | Цвет границы. |
| weight | Number | 2 | Ширина границы. |
| opacity | Number | 1.0 | Прозрачность границы. |
| lineCap | String | 'round' | Определяет, как рисуются концы каждой линии. Возможные значения: 'butt', 'round', или 'square'. |
| lineJoin | String | 'round' | Устанавливает, как соединяются две части (линии, дуги, кривые), имеющие ненулевую длину. Части с нулевой длиной деформации, у которых конечные точки и контрольные точки совпадают, игнорируются. |
| dashArray | String | null | Управляет шаблоном пунктирной линии, используемой для рисования границ. |
| dashOffset | String | null | Расстояние от начала пути до начала шаблона пунктира. |
| fill | Boolean | depends | Указывает, нужно ли заполнять цветом. |
| fillColor | String | '#FFFFFF' | Заполнение цветом. |
| fillOpacity | Number | 0.2 | Прозрачность заполнения. |
| fillRule | String | 'evenodd' | Правило заполнения. |
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )