mapquest.js新路线显示为路标

时间:2018-11-16 14:43:10

标签: javascript jquery mapquest

我正在尝试使用mapquest.js在地图上的多个预定位置显示路线。

地图加载正常,然后单击按钮以查看路线是否按预期工作。但是,当我单击第二个目的地时,它只是将该目的地显示为原始路线内的航路点,而不仅仅是自己绘制第二个路线。我觉得必须有一种方法可以清除掉原来的路线,然后再执行第二条路线。感谢任何人可以提供的任何帮助。我已经搜索过文档,找不到任何东西。

以下是我正在使用的:

L.mapquest.map('map', {
  center: [75.869200, -38.983510],
  layers: L.mapquest.tileLayer('map'),
  zoom: 15
});

function GetRoute(destination) {
  L.mapquest.directions().route({
    start: '626 China St, Richmond, VA 23220',
    end: destination,
  });
}

$('.map-button').click(function() {
  var destination = this.id;
  GetRoute(destination);
}
});

1 个答案:

答案 0 :(得分:0)

您可以将路线突出显示设置为变量,并在地图上放置替换路线时将其从地图上删除。这是我做到的一种快速而肮脏的方法。

L.mapquest.directions().route({
    start: orig,
    end: dest
},
function(err, data) {
    if (err.message) {
        console.log(err);
    } else {
        if (hilite) map.removeLayer(hilite);
        hilite = L.mapquest.directionsLayer({
            directionsResponse: data,
            fitBounds: false
        }).addTo(map);
    }
});