实现地图遮罩leaflet

转载 作者：我是一只小鸟 更新时间：2023-08-04 14:31:48 33 4

                        
                          var latlngs = [
  [[-91, -181], [ 91, -181], [91, 181], [-90, 181]], // 外环
  [[37, -109.05],[41, -109.03],[41, -102.05],[37, -102.04]], // 洞
];
var polygon = L.polygon(latlngs, { style: {fillColor: '#000',
    stroke: false,
    fillOpacity: 0.5,
    color: '#000000',
    weight: 1 }}).addTo(map)
map.setView([38, -107], 7)

                        
                      

                        
                          {
  "type": "Feature",
  "geometry": {
    "type": "MultiPolygon",
    "coordinates": [
      // 第一个Multipolygon
      [
        // 外环1
        [
          [longitude1, latitude1],
          [longitude2, latitude2],
          ...
        ],
        // 内环1（洞1）
        [
          [
            [longitude_hole1_1, latitude_hole1_1],
            [longitude_hole1_2, latitude_hole1_2],
            ...
          ]
        ],
        // 内环2（洞2）
        [
          [
            [longitude_hole2_1, latitude_hole2_1],
            [longitude_hole2_2, latitude_hole2_2],
            ...
          ],
          // 内环2的洞
    			...
        ]
      ],
      // 更多Multipolygon...
    ]
  },
  "properties": {
    // 可选的属性
  }
}

                        
                      

                        
                          // 准备 geojson 数据

L.geoJSON(geojson, {style: function (feature) {
  return {
    fillColor: '#000',
    stroke: false,
    fillOpacity: 0.5,
    color: '#000000',
    weight: 1
  }
}).addTo(map)

                        
                      

33 4 0

• leaflet - 在折线上创建缓冲区 - Leaflet

  我正在尝试实现类似于 Leaflet.buffer 的缓冲区在我的 map 上。然而，Leaflet.buffer 似乎只适用于 Leaflet.Draw。 我正在使用 Leaflet Editabl

• leaflet - 使用 Leaflet 和 Leaflet.markerclusterer - 如何循环所有标记？

  我正试图摆脱 Google map ，因为我受够了他们现在的速度有多慢!我决定试一试 Leaflet，这似乎是个不错的选择。下面是我的代码: initMap(); function initMap()

• leaflet - Leaflet 中的点击标记和折线

  在 Leaflet 中，是否可以使用 {clickable:false} 定义标记或折线，以便点击传递到下方的任何内容 - 无论是 map 还是可点击的几何对象？ 目前我通过使标记/折线可点击并自己传

• leaflet - 使用 Leaflet 处理数千个标记的最佳实践

  我正在结合 Leaflet 使用 HTML map 进行一些测试。 .服务器端我有一个 Ruby Sinatra 应用程序，它提供由 MySQL 表获取的 json 标记。使用 2k-5k 和可能更多

• leaflet - 将FeatureGroup转换为GeoJson时，Leaflet Draw不采用属性

  我无法使用Leaflet(0.7.7)/Leaflet.Draw(latest)将Layer属性转换为GEOJson对象的属性。我的工作流程是: 1创建 map :var map = L.map('#

• leaflet - 如何在折线上应用 css : leaflet

  我正在使用使用传单 api 的应用程序。 简介 我需要绘制不同类型的围栏，使用装饰器我可以在一定程度上为折线应用良好的视觉效果，但不多。 问题 我愿意显示双绞线而不是破折号、点或普通线，我知道双绞线将

• leaflet - 更改 Leaflet 属性控制位置

  我在我的应用程序中使用 WebView 来显示 Leaflet map 。 在 HTML 文件中，我有以下信用和链接: L.tileLayer('https://api.tiles.mapbox.co

• leaflet - Leaflet.draw在draw:edited事件上检索图层类型

  我正在使用https://github.com/Leaflet/Leaflet.draw插件，并且试图检索已编辑图层的图层类型。 在draw:created事件中，我有layer和layerType，

• leaflet - 如何使 Leaflet 控件水平堆叠而不是垂直堆叠？

  我的左下角有缩放控件和比例尺。 我遇到的问题是，当我的 map 在移动设备上旋转时，它们与左上角的自定义控制面板重叠。 那么如何使比例尺水平位于缩放控件旁边？ 最佳答案 您可以通过更改比例控件的 CS

• leaflet - 使用 Leaflet 计算海拔高度

  我想计算标记的高度，但我在传单中没有找到任何解决方案。我找到了海拔插件，它允许在 map 上绘制海拔剖面图，但我不需要它。你知道如何计算高度吗？谢谢。 最佳答案 编辑:一个不错的选择 为任何可能需要它

• leaflet - leaflet Marker和mapbox featureLayer的区别

  我明白我可以使用通用Leaflet layer ，以及更高级的 map 框 featureLayer ，它提供了作为过滤器的有用功能。但是，我不明白两者之间的区别 marker = L.Marker

• react-leaflet - 使用 TypeScript 的 react-leaflet 中的 mapbox-gl-leaflet？

  我正在尝试在 Render mapbox vector tiles inside react-leaflet? 中描述此实现工作，除了我使用的是 TypeScript。 所以我的文件看起来像这样: i

• leaflet - 在 Leaflet 上将点转换为 LatLng

  我正在尝试将我的点在 map 上的正确位置作为 Latlng: let point = L.point(0,0) // x=0,y=0 let latlng = map.unproject(point

• leaflet - 如何在 Leaflet 中为磁贴请求添加自定义授权 header

  我正在使用 Leaflet.VectorGrid用于在传单 map 上加载 pbf 矢量切片的插件。我检索矢量切片的 API 需要传递授权 header 。在 Mapbox GL js 中，这可以通过

• leaflet - 使用 Leaflet.js，如何遍历集群中的标记？

  我们有一张 map ，在某个缩放级别，我们开始对标记进行聚类。 现在我希望能够删除某些标记。我可以删除不参与集群的标记，但集群中的标记不会被删除，因为代码不会遍历它们。 我会发布代码，但它无处不在，而

• leaflet.markercluster - Leaflet markercluster - 点击放大然后spiderfy

  我仅在同一位置的标记上进行聚类(即 maxClusterRadius = 0)。单击集群时，我希望它以特定的缩放级别(不是最大缩放)居中并放大，然后立即 spiderfy。使用以下代码，spiderf

• leaflet - 以编程方式删除 Leaflet overlayMaps 层

  使用 Leaflet javascript。我希望我的“清除按钮”能做两件事... 1) 取消选中所有 L.Control 层2) 从 map 中移除当前叠加层 我可以使用这段代码轻松完成第一个: v

• leaflet - 自定义 Leaflet map 上标记的聚类

  我正在开发一个包含大量标记的应用程序，并希望将它们聚类。我找到了 Leaflet.markercluster，它做得很好。但是，我想自定义标记的聚类。具体来说，我想根据标记所在的国家/地区对我的标记进

• leaflet - 使用 Leaflet.js 在一个点周围添加一个设定大小的正方形多边形

  有点奇怪，希望有人能帮忙。 在传单中，一旦用户输入了纬度/经度并向 map 添加了一个点，我希望能够在该点周围添加一个 10 公里的正方形。 我已经尝试四处寻找计算以找到 x 公里外的正方形的角，但没

• leaflet - 如何在 leaflet.js 中切换初始层可见性

  我在 leaflet.js 中创建了一个具有多个图层的 map ，但无法弄清楚如何切换一个图层以最初显示在 map 上。 Here is the link 我确信它相当简单，但就是无法弄清楚。 最佳答