fitboundsは、私は自分のサイトのためにすべての私のポリラインのズームを中心できるようにしたい私のポリライン

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);