Google지도의 맞춤 경계 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);