fitbounds for google maps api v3不以我的多段線爲中心

Question

我希望能夠在我的站點的所有多段線上放大縮放。

此外，我想添加標記到每個這些新的座標對。我見過很多的多個標記和多個plygons例子，但絕不是折線，我不能左右這個問題得到...

我已經看到了一些非常有用的網頁像這樣的：http://salman-w.blogspot.com/2009/03/zoom-to-fit-all-markers-polylines-or.html

但是，他們大多數都預先假定了某種知識，而我不太瞭解。

這是我的代碼：

<script type="text/javascript"> 

    function initialize() { 
    var myLatLng = new google.maps.LatLng(45.397, 5.644); 
    var centerLatLng = new google.maps.LatLng(35.71,-1.905); 

    var myOptions = { 
    zoom: 5, 
    center: centerLatLng, 
    scrollwheel: false, 
    mapTypeControl: false, 
    mapTypeId: google.maps.MapTypeId.SATELLITE 
    }; 

    var map = new google.maps.Map(document.getElementById("map_canvas"), 
     myOptions); 

    var flightPlanCoordinates = [ 
    new google.maps.LatLng(45.397, 5.644), 
    new google.maps.LatLng(28.713383,-17.905781), 
    new google.maps.LatLng(20.713383,-19.905781), 
    new google.maps.LatLng(25.713383,-29.905781), 

    ]; 

    var flightPath = new google.maps.Polyline({ 
    path: flightPlanCoordinates, 
    strokeColor: "#dddd00", 
    strokeOpacity: 1.0, 
    strokeWeight: 3 
    }); 

    flightPath.setMap(map); 

} 
</script> 

在此先感謝，我很新的網上搜尋API和這個網站。

Answer 1

嘗試增加您的點的位置爲界對象，然後使用fitBounds，這樣的事情：

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

var point1 = new google.maps.LatLng(45.397, 5.644); 
bounds.extend(point1); 
var point2 = new google.maps.LatLng(28.713383,-17.905781); 
bounds.extend(point2); 
var point3 = new google.maps.LatLng(20.713383,-19.905781); 
bounds.extend(point3); 
var point4 = new google.maps.LatLng(25.713383,-29.905781); 
bounds.extend(point4); 

map.fitBounds(bounds);