我基本上是在尝试为#map_div div设置自动缩放和自动居中功能。但是由于我的标记是动态生成的，因此我需要基于我#map_div的宽度和高度自动进行缩放和居中工作
但是正如您在我的gmap3脚本中看到的那样，我必须手动确定缩放和居中，而不是酷。
我在下面找到了此脚本片段，但是看不到如何将其与我的.gmap3脚本集成在一起。是否可以通过某种方式将其与我的.gmap3 jQuery插件脚本集成？
中心点计算变量
// map: an instance of google.maps.Map object
// latlng: an array of google.maps.LatLng objects
var latlngbounds = new google.maps.LatLngBounds( );
for ( var i = 0; i < latlng.length; i++ ) {
latlngbounds.extend( latlng[ i ] );
}
map.fitBounds( latlngbounds );
Found the above script here
我的
.gmap3脚本如下...jQuery(function($) {
$('#map_div').gmap3({
action: 'init',
options: {
center: [50.799019, -1.132037],
zoom: 5,
scrollwheel: false
}
}, {
action: 'addMarkers',
markers: [{
lat: 50.799019,
lng: -1.132037,
data: 'Test One'},
{
lat: 50.365162,
lng: -4.712017,
data: 'Test Two'},
{
lat: 54.518726,
lng: -5.881054,
data: 'Test Three'},
{
lat: 52.780964,
lng: -1.211863,
data: 'Test Four'},
{
lat: 51.433998,
lng: -2.549690,
data: 'Test Five'
}],
marker: {
options: {
draggable: false
}
}
});
});
我通常会做一个jsfiddle，但该网站已关闭。
任何帮助都将非常感谢。
最佳答案
您尝试过自动调整功能吗？
http://gmap3.net/en/catalog/16-misc/autofit-58
此功能扩展地图范围以包含添加的每个叠加层
（标记，圆圈...）
$('#test').gmap3(
{ circle:{
options: {
center: [37.772323, -122.214897],
radius : 2500000,
fillColor : "#008BB2",
strokeColor : "#005BB7"
}
}
},
"autofit"
);