leaflet官方文档
https://leafletjs.com/reference-1.3.4.html#path
https://leafletjs.com/reference-1.3.4.html#map-example
leaflet学习路径
https://zhuanlan.zhihu.com/p/146541881
leaflet知识点
https://blog.csdn.net/sinat_31213021/category_10775457.html
加入OSM底图
https://blog.csdn.net/xu762102319/article/details/88828616
画线装饰插件
https://www.jianshu.com/p/40094c2ab109
leaflet删除要素
单个删除
1
2
3
4
5
6
7
8
...
var gMark = L.marker([lat,lng],{...})
gMark.on({
"click":function(e){
zsMap.removeLayer(this) //在地图上删除点击的那个mark
}
})
https://blog.csdn.net/qq_41713136/article/details/111935333
批量删除
将要素加入图层
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
// 定义maker集合
var marker_group;
//可通过item.id找到对应的maeker
var marker_map={};
//创建点集合
function createMarkerGroup (data)
{
var markers = [];
data.forEach(function (item) {
icon = new L.icon({
iconUrl: ' /static/icon/icon.png' ,//图标路径
iconSize: [32, 32],
iconAnchor: [16, 32]
});
var marker = new L.marker(30, 118), {
icon: icon,
riseOnHover: true,
title: item.name
});
markers.push(marker);
marker_map[item.id] = marker;
}
marker_group = new L.layerGroup(markers).addTo(map);
}
删除图层
1
2
3
4
5
6
//清除点集合
function clearMarkerGroup ()
{
if(marker_group){
marker_group.clearLayers();
}
https://blog.csdn.net/weixin_43933561/article/details/102706873
leaflet学习视频
https://www.bilibili.com/video/BV16v41157rg?from=search&seid=11034634565184126674&spm_id_from=333.337.0.0
https://www.bilibili.com/video/BV1sZ4y1W7mG?from=search&seid=11034634565184126674&spm_id_from=333.337.0.0
leaflt地图聚类
https://www.cnblogs.com/boonya/p/12256119.html
聚合+符号
https://www.pianshen.com/article/13621891501/
https://www.freesion.com/article/104345687/
https://www.cnblogs.com/gisarmory/p/14035305.html
leaflet自定义标签的方法
divIcon方式
canvas-marker插件
常用的前端地图框架(WebGIS框架)
- Leaflet Leaflet 是最著名的前端地图可视化库,它开源、体积小、结构清晰、简单易用。
- Mapbox GL JS Mapbox GL JS 是目前最新潮的前端地图库,它的矢量压缩、动态样式和三维性能令人印象深刻。它本身是开源的,但一般依赖于Mapbox公司提供的底图服务。
- ArcGIS API for JS ArcGIS API for JS 是较为学院派的前端地图库,它是ArcGIS开发套件中的一部分,和桌面端和服务器端ArcGIS软件有较好的协作。它不开源且收费不低,在学术场景下较为常用。
- Openlayers Openlayers 也是常用的前端地图库,它开源,相比于Leaflet更加复杂和完备。
- Cesium Cesium 是三维地理可视化的常用库,在大尺度的可视化(地形、建筑、地球)中十分常用。
- 百度地图 JS API /百度地图 API GL 百度地图 JS API 是传统的二维地图,百度地图 API GL 是三维地图,它们依赖百度地图提供的后台服务。除了地图服务外还有检索、导航、实时交通等关联服务。开发者有免费的限额。
- 高德地图 JS API 高德地图 JS API 与百度类似。
- Google Maps JS API 谷歌地图 JS API 在境外有更好的数据。
- AntV L7 AntV L7 是空间数据可视化库,它可以使用高德地图等协作构建地图可视化。
- Mapbox.js Mapbox.js 是 Leaflet 的一个扩展插件(与 Mapbox GL JS 不同)。
作者:KianZh 链接:https://juejin.cn/post/6989552050820349988 来源:稀土掘金 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
https://juejin.cn/search?query=leaflet
http://t.zoukankan.com/unique1319-p-7813858.html
leaflet投影转换
https://blog.csdn.net/sinat_31213021/article/details/118897871
three.js和mapbox
https://blog.csdn.net/weixin_42465953/article/details/112493931
leaflet默认坐标系 L.CRS.EPSG3857

https://segmentfault.com/a/1190000013718011/
https://github.com/lvisei/leaflet-demo