webgis
duonibaby
这个作者很懒,什么都没留下…
展开
-
leaflet.canvas-markers.js解决数据量多加载慢问题
leaflet.canvas-markers.js快速加载点数据1.安装插件2.引入插件3.将canvas图层加载到地图4.为icon创建图标5.创建点6.把点添加到canvas图层中1.安装插件npm install leaflet-canvas-marker2.引入插件import "leaflet-canvas-marker";3.将canvas图层加载到地图// 在地图上添加一个canvas图层let ciLayer = L.canvasIconLayer({}).addTo(ma原创 2021-04-28 11:35:40 · 3347 阅读 · 4 评论 -
leaflet+heatmap.js加载热力图(vue)
leaflet+heatmap.js加载热力图1.下载插件2.引入heatmap.js插件3.添加配置4.添加数据5.实例化热力图层6.添加热力图数据7.将热力图层添加到地图1.下载插件npm install heatmap.js2.引入heatmap.js插件import HeatmapOverlay from 'heatmap.js/plugins/leaflet-heatmap'3.添加配置let cfg = { radius: 0.05, //每一个热力点的半径原创 2021-04-28 10:54:07 · 1699 阅读 · 2 评论 -
leaflet.markercluster实现聚合
leaflet聚合效果(markercluster)1.下载插件2.引入插件3.实例化 markerCluster4.添加点到 makerClusterGroup5.将 makerClusterGroup 加载到地图中*6.设置默认点的图标*7.添加bindPopup事件8.设置聚合圈的颜色1.下载插件npm install leaflet.markercluster 运行此命令下载leaflet的markercluster插件2.引入插件// 引入 leaflet.markercluster原创 2021-04-28 10:27:56 · 2805 阅读 · 1 评论