0
map.fitbounds를 사용하는 동안 약간의 문제가 발생했습니다. 지도에 두 점을 전달하고 옆에있는 길 찾기 서비스를 사용하고 있습니다. 나는 주어진 두 점 사이의지도를 중앙에 map.fitbounds를 사용하고 있지만지도가 실제로 특정 코드의 일부에 대한 세계관을 보여주는 끝나는 문제로 실행 한 :Google Maps API v3 JS map.fitbounds
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
window.addEvent('domready', function() {
initialize();
});
var directionsDisplay;
var directionsService = new google.maps.DirectionsService();
var currentDirections = null;
var clat = 52.03574;
var clng = 0.58363;
var dlat = 51.08577;
var dlng = -1.31712;
function initialize()
{
var mOptions = {
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map($("mapCanvas"), mOptions);
directionsDisplay = new google.maps.DirectionsRenderer({
'map': map,
'preserveViewport': true,
'draggable': true//,
//'suppressMarkers': true
});
directionsDisplay.setPanel($("directions_panel"));
google.maps.event.addListener(directionsDisplay, 'directions_changed', function() {
currentDirections = directionsDisplay.getDirections();
});
var start = 'Little Yeldham, Halstead, Essex CO9 4JZ, UK';
var end = 'Winchester, Hampshire SO21, UK';
var request = {
origin: start,
destination: end,
travelMode: google.maps.DirectionsTravelMode.DRIVING,
unitSystem: google.maps.DirectionsUnitSystem.IMPERIAL
};
directionsService.route(request, function(response, status) {
if (status == google.maps.DirectionsStatus.OK) {
directionsDisplay.setMap(map);
directionsDisplay.setDirections(response);
}
});
var collectionPoint = new google.maps.LatLng(clat, clng);
var deliveryPoint = new google.maps.LatLng(dlat, dlng);
var bounds = new google.maps.LatLngBounds(collectionPoint, deliveryPoint);
map.fitBounds(bounds);
}
</script>
수있는 사람의 도움이나 포인트 올바른 방향으로 올바른 디스플레이 거리를 표시하는 방법을 알려주세요.