2013-05-17 46 views
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); 


}); 

谢谢!

回答

相关问题