Leaflet
关注
分享
扫一扫
shijie_nihao
二流搬砖人，cv工程师。
展开
-
leaflet marker单击事件函数、双击事件函数 冲突
问题描述：如果一个marker添加了单击事件函数和双击事件函数，在双击marker时，会执行两次单击函数和一次双击函数。 解决方式：在单击事件函数里通过定时器控制延迟执行。单击事件函数和双击事件函数里都先清定时器。 扩展：一般的dom的单击、双击 也可以这么处理。 var timer; L.marker([51.5, -0.09]).addTo(map).on('click',function(e){ clearTime...原创 2020-07-24 22:38:59 · 3067 阅读 · 0 评论 -
leaflet Web Mercator坐标和WGS84坐标 转换
在使用leaflet的时候，有些业务数据的坐标是 WebMercator坐标，leaflet的坐标是WGS84的，并没在leaflet里发现有方法供转换。使用开源的 坐标转换类库（pro4j.js）可以满足转换需求。// 源坐标系 目标坐标系 源坐标值 proj4(proj4('EPSG:3857'),proj4('EPSG:4326'), [x坐标值,y坐标值]...原创 2020-03-26 21:45:48 · 2060 阅读 · 0 评论 -
leaflet点聚合效果
这篇笔记就是github上的一个例子：https://github.com/Leaflet/Leaflet.markercluster 个人把例子里的插件保存在了github仓库：https://goldmemory.github.io/MarkerCluster.zip代码：<!DOCTYPE html><html> ...原创 2019-08-30 14:12:06 · 2439 阅读 · 1 评论 -
Leaflet使用自定义的图标
1、定义icon类对象。var myIcon = L.icon({ iconUrl: 'img/location.gif', // jpg png gif都可以 iconSize: [25, 38]});2、根据Icon类对象创建Marker，添加到map里。var marker = L.markerEx(L.latLng(-37.82, 175.24),{ i...原创 2019-09-06 22:21:39 · 3482 阅读 · 0 评论 -
Leaflet扩展Marker
前言：习惯了使用ArcGIS JS API，它里面的Graphic和GraphicsLayer很方便，其中Graphic = geometry+symbol+attribute+infotemplate，往地图上添加带属性信息Graphic，在单击Graphic的时候可以“取出”之前存在Graphic里的属性信息。最近使用leaflet作为开发技术，我并没有在leaflet...原创 2019-09-06 22:42:18 · 2457 阅读 · 3 评论