mapbox和leaflet给地图添加geojson点

有玉微凉，是为樱琅

已于 2024-01-15 17:09:50 修改

阅读量1.5k

点赞数 1

分类专栏： mapbox+leaflet 文章标签： javascript mapbox leaflet 地图

于 2021-03-17 09:15:43 首次发布

本文链接：https://blog.csdn.net/Sakura1998gis/article/details/114915598

版权

mapbox+leaflet 专栏收录该内容

62 篇文章 12 订阅

订阅专栏

贴个群号

WebGIS学习交流群461555818，欢迎大家。

mapbox

代码示例

 map.on('load', function () {
     map.addSource('geojson', { //添加source
         "type": "geojson",
         "data": data  //这里是你的geojson数据
     });
     map.addLayer({ // 添加图层
         id: 'measure-points',// 唯一的id
         source: 'geojson',// source源是你刚才添加的
         type: 'circle',// 我这个类型是圆圈，可以是其他的，比如图标代替什么的
         paint: {
             'circle-color': 'red'
         },
         layout: {
             visibility: 'visible'
         }
     });
 })

成果图
在这里插入图片描述

leaflet

代码示例

var geojsonMarkerOptions = {  // geojson点的样式
  radius: 8,
  fillColor: "#ff7800",
  color: "#000",
  weight: 1,
  opacity: 1,
  fillOpacity: 0.8
};
L.geoJSON(geojson, {   // 添加你的geojson数据
    pointToLayer: function (feature, latlng){
        return L.circleMarker(latlng, geojsonMarkerOptions);
    }
}).addTo(mymap);