首页 leaflet知识点
文章
取消

leaflet知识点

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框架)

  1. Leaflet Leaflet 是最著名的前端地图可视化库,它开源、体积小、结构清晰、简单易用。
  2. Mapbox GL JS Mapbox GL JS 是目前最新潮的前端地图库,它的矢量压缩、动态样式和三维性能令人印象深刻。它本身是开源的,但一般依赖于Mapbox公司提供的底图服务。
  3. ArcGIS API for JS ArcGIS API for JS 是较为学院派的前端地图库,它是ArcGIS开发套件中的一部分,和桌面端和服务器端ArcGIS软件有较好的协作。它不开源且收费不低,在学术场景下较为常用。
  4. Openlayers Openlayers 也是常用的前端地图库,它开源,相比于Leaflet更加复杂和完备。
  5. Cesium Cesium 是三维地理可视化的常用库,在大尺度的可视化(地形、建筑、地球)中十分常用。
  6. 百度地图 JS API /百度地图 API GL 百度地图 JS API 是传统的二维地图,百度地图 API GL 是三维地图,它们依赖百度地图提供的后台服务。除了地图服务外还有检索、导航、实时交通等关联服务。开发者有免费的限额。
  7. 高德地图 JS API 高德地图 JS API 与百度类似。
  8. Google Maps JS API 谷歌地图 JS API 在境外有更好的数据。
  9. AntV L7 AntV L7 是空间数据可视化库,它可以使用高德地图等协作构建地图可视化。
  10. 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

e9cb9ceb05c7f91dea59d0e92bbb0109

https://segmentfault.com/a/1190000013718011/

https://github.com/lvisei/leaflet-demo

本文由作者按照 CC BY 4.0 进行授权