如何从地图中删除旧路线
How to delete an old Route from a Map?
那里。我在地图上有一个标记(谷歌地图APIV3),每次我改变它的位置时,我都会计算一条到地图上最近点的新路线。这很好,但每次我改变标记的位置时,地图仍然保持旧路线。我什么都试过了,但都没用。如何从地图中删除和旧路线?
你可以在这个链接上看到问题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();
相关文章:
- Sequelize HasMany BelongsToMany删除旧引用
- exit().remove() 在 d3.js 更新之前不会删除旧图表
- 更新时未从 D3 条形图中删除旧元素
- 如何在购物车中拖动新数据后从购物车中删除旧数据
- 从内存中删除旧型号
- 如何在下拉菜单中只加载当前和将来的事件并删除旧事件
- JQM中的Pageshow添加新页面而不删除旧页面
- 更新时从散点图中删除旧圆圈
- JQuery bPopup从弹出窗口中删除旧页面,并在其中加载新页面
- 如何从谷歌地图中删除旧标记放置新标记
- 如何删除旧的主干视图
- 如何从地图中删除旧路线
- d3可折叠搜索树-在每次搜索中删除旧的stokes
- Javascript将数组元素交换到另一个索引并删除旧索引
- JavaScript/JQuery变量需要更改.单击.删除旧号码添加新号码
- 如何在webpack——watch时从构建目录中删除旧文件
- 更新D3数据并不能从仿3d示例中删除旧数据
- 刷新时删除旧的geoxml3层
- 为什么angular $scope不删除旧值?
- 谷歌地图api v3 -删除旧的标记时,做地理编码