谷歌地圖api方向縮放不起作用

我使用下面的代碼來顯示兩個距離之間的距離，但縮放不起作用它總是會在默認縮放級別。我嘗試設置很多值，但它不起作用。請幫忙。谷歌地圖api方向縮放不起作用

var directionsDisplay; 
var directionsService = new google.maps.DirectionsService(); 
var map; 
var from = ""; 

function initialize() { 
    directionsDisplay = new google.maps.DirectionsRenderer(); 
    directionsDisplay.preserveViewport = false; 
    var dallas = new google.maps.LatLng(32.8931567, -97.0402193); 

    var mapOptions = { 
    zoom: 15, 
    center: dallas 
    }; 
    map = new google.maps.Map(document.getElementById('googleMap'), mapOptions); 
    map.setZoom(map.getZoom()+5); 
    directionsDisplay.setMap(map); 
    calcRoute(); 
} 

function calcRoute() { 
    var start = 'dallas airport terminal a'; 
    var end = 'SpringHill Suites'; 
    console.log("HotelDetail: " + end); 
    var request = { 
    origin: start, 
    destination: end, 
    travelMode: google.maps.TravelMode.DRIVING 
    }; 
    directionsService.route(request, function(response, status) { 
    if (status == google.maps.DirectionsStatus.OK) { 
     directionsDisplay.setDirections(response); 
    } 
    }); 
} 

google.maps.event.addDomListener(window, 'load', initialize);

來源

2014-09-29 Sahana

對於你想達到什麼樣的preserveViewport屬性需要被設置爲true這樣。

directionsDisplay = new google.maps.DirectionsRenderer({ 
    preserveViewport: true 
}); 
//directionsDisplay.preserveViewport = false;

此外，您的代碼將縮放級別設置爲20，因爲它太高而無法在地圖上看到任何東西。這是一個初始縮放級別爲12的工作示例：JSFiddle

來源

2014-09-29 12:44:16 hennes

谷歌地圖api方向縮放不起作用

回答

相關問題