leaflet 地图操作(缩放、平移、定位/书签、动画)

map.setZoom(10, {
  // animate: false
})  //设置地图缩放到

map.zoomIn() //图层往里进一个图层，放大
map.zoomOut()  //图层往里出一个图层，缩小

map.panTo([37.91082, 128.73583], {
    animate: true
}) //地图平移，默认就是true，


map.flyTo([36.52, 120.31]); // 点到点的抛物线动画，平移加缩放动画

//尽量避免 setZoom()等地图缩放方法与 flyTo、flyToBounds 一起合用，因为这两类地图操作方法都有各自的缩放值，
//造成动画不流畅、不能定位到目的点。



let polygon = L.polygon(
          [[37, -109.05],
          [41, -109.03],
          [41, -102.05],
          [37, -102.04]],
     [40.774, -74.125], {
       color: 'green',
       fillColor: '#f03',
       fillOpacity: 0.5
    }).addTo(map);  //地图上绘制一个多形

map.flyToBounds(polygon.getBounds());   //getBounds（获取边界）：返回地图视图的经纬度边界。
    //飞到这个多变形区域上面，自动判断区域块的大小，合适缩放图层，将地图视图尽可能大地设定在给定的地理边界内。


map.fitBounds(polygon.getBounds());  //getBounds（获取边界）：返回地图视图的经纬度边界。
  //平移到一个区域上面，自动判断区域块的大小，合适缩放图层

 

来源：oschina

链接：https://my.oschina.net/u/560237/blog/4271561