如何平移和缩放由标记定义的地图边界

时间:2013-09-20 08:31:11

标签: javascript leaflet

当我有1个标记时,它应该放大到标记的地图(高缩放级别?放大更多)

当我有超过1个标记时,它应检测所有标记(上,右,下和左)定义的边缘并放大

我有这段代码:

lMap.fitBounds(new L.LatLngBounds(this.bounds));

下一步是什么?

var zoom = lMap.getBoundsZoom(new L.LatLngBounds(this.bounds));
lMap.setZoom(zoom);

或者一些平移/缩放内部方法?

3 个答案:

答案 0 :(得分:1)

JSFiddle应显示如何使用map.fitBounds来执行您想要的操作。基本上,只需传入一个LatLng对象数组。

答案 1 :(得分:-1)

你可以创建一个边界对象

var bounding = new google.maps.LatLngBounds();

将标记添加到其中

bounding.extend(myMarker1LatLng);
bounding.extend(myMarker2LatLng);
...

然后使用该边界对象设置地图视图

map.fitBounds(bounding);

https://developers.google.com/maps/documentation/javascript/reference?csw=1#LatLngBounds

答案 2 :(得分:-1)

我很确定它的工作

var bounds = new google.maps.LatLngBounds();

             for (i = 0; i < markers.length; i++) {
                 var data = markers[i]

                 if (data.lat != '' && data.lng != '') {
                     var myLatlng = new google.maps.LatLng(data.lat, data.lng);

                     var marker = new google.maps.Marker({
                         position: myLatlng,
                         icon: iconBase,
                         map: map,
                         title: data.Name


                     });
                 }
                 bounds.extend(myLatlng);

和地图视图

map.setCenter(bounds.getCenter(), map.fitBounds(bounds));