[英]How to delete an old Route from a Map?
那里。 我在地圖(Google Maps APIV3)上有一個標記,每次更改其位置時,都會計算一條新路線到地圖上最近的點。 這很好,而且每次我更改Marker的位置時,地圖仍保留舊路線。 我嘗試了一切,但沒有任何效果。 如何從地圖上刪除舊路線?
您可以在此鏈接上看到問題, 網址為http://mercurio.cafw.ufsm.br/~grupo1/如果移動藍色標記,則可以正常工作。 但是,如果再次移動它,那條舊路線仍然存在。
這是代碼!
var mapOptions = {
center: new google.maps.LatLng(-27.357246,-53.396022),
zoom: 14,
maxZoom: 17,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById('map_canvas'),mapOptions);
var marcador = new google.maps.LatLng(-27.355379,-53.397773);
var seuMarcador = new google.maps.Marker({
position: marcador,
map: map,
icon: "http://www.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png",
title:"Mova essa marcador para seu endereço.",
draggable: true
});
google.maps.event.addListener(seuMarcador, 'mouseup', function(event) {
var addr = new Array(5);
addr[0] = new google.maps.LatLng(-27.352646,-53.384881);
addr[1] = new google.maps.LatLng(-27.344648,-53.395009);
addr[2] = new google.maps.LatLng(-27.365562,-53.388859);
addr[3] = new google.maps.LatLng(-27.366241,-53.401655);
addr[4] = new google.maps.LatLng(-27.360467,-53.397476);
//var a = new google.maps.LatLng(-27.357837,-53.395661);
var a = event.latLng;
var menorDistancia;
var destinoFinal;
var directionsDisplay;
directionsDisplay = new google.maps.DirectionsRenderer();
directionsDisplay.setMap(map);
function calcRoute(inicio,fim) {
var start = inicio;
var end = fim;
var request = {
origin:start,
destination:end,
travelMode: google.maps.TravelMode.DRIVING
};
//I BELIVE THAT THE PROBLEM IS HERE
var directionsService = new google.maps.DirectionsService();
directionsService.route(request, function(result, status) {
if (status == google.maps.DirectionsStatus.OK) {
directionsDisplay.setDirections(result);
}
});
}
});
不要為每個調用創建一個新的DirectionsRenderer,而是重復使用相同的調用。 從您的事件監聽器中刪除它:
directionsDisplay = new google.maps.DirectionsRenderer();
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.