iClient for Leaflet通过点击实现切换地图中心点定位

作者:Carlo

 前景:在操纵地图时除了鼠标、触摸交互移动地图,通过map.panBy和map.panTo也可以移动地图。

  • map.panTo(平移至中心点):将地图平移到给定的中心。如果新的中心点在屏幕内与现有的中心点不同则产生平移动作。

  • map.panBy(通过像素点平移):通过给定的像素值对地图进行平移。

 L.map中文API介绍:Leaflet地图框架使用手册——L.Map_w87574159的博客-CSDN博客_leaflet map

【Leafletjs】4.L.Map 中文API - fengl - 博客园

参考高德地图代码:地图的平移-地图属性-示例中心-JS API 2.0 示例 | 高德地图API









     

地图初始化中心点在红点处:iClient for Leaflet通过点击实现切换地图中心点定位_第1张图片

 利用map.panTo(平移至中心点),此时将地图中心点平移到蓝点处:

iClient for Leaflet通过点击实现切换地图中心点定位_第2张图片

 map.panBy(通过像素点平移),此时将地图平移到黄点处:

iClient for Leaflet通过点击实现切换地图中心点定位_第3张图片

你可能感兴趣的:(云GIS,SuperMap,前端,javascript)