0
我的问题是fitBounds通常会使对象居中,但太小。我希望它应该将中心地图放在特定对象上并尽可能地放大它。事实上,缩放级别通常可以高一级。请考虑我的example。正如你所看到的,这个国家可以放大到一个水平,并且仍然是100%可见的。有什么方法可以克服它吗?为什么谷歌地图的fitBounds如此不准确?
这里是我的代码:
$(document).ready(function(){
var locationBBOX = [["14.149166 49.002914","24.14444 49.002914","24.14444 54.834442","14.149166 54.834442","14.149166 49.002914"]];
var map = new google.maps.Map(
document.getElementById('map-div'), {
center: new google.maps.LatLng(0, 0),
disableDefaultUI: true,
zoom: 1,
mapTypeId: google.maps.MapTypeId.ROADMAP });
var _bounds = new google.maps.LatLngBounds();
for(var k in locationBBOX)
{
var _c1 = locationBBOX[k][0].split(' ');
var _c2 = locationBBOX[k][2].split(' ');
var _bbox = new google.maps.LatLngBounds(new google.maps.LatLng(parseFloat(_c1[1]),parseFloat(_c1[0])),new google.maps.LatLng(parseFloat(_c2[1]),parseFloat(_c2[0])));
_bounds.union(_bbox);
}
map.fitBounds(_bounds);
var ne = _bounds.getNorthEast();
var sw = _bounds.getSouthWest();
var boundingBoxPoints = [
ne, new google.maps.LatLng(ne.lat(), sw.lng()),
sw, new google.maps.LatLng(sw.lat(), ne.lng()), ne
];
var boundingBox = new google.maps.Polyline({
path: boundingBoxPoints,
strokeColor: '#FF0000',
strokeOpacity: 1.0,
strokeWeight: 2
});
boundingBox.setMap(map);
});
谢谢!