Javascript 如何选择已附加标记的航路点? 出身背景
我目前正在做一个项目,当从下拉列表或类似输入中选择一个位置时,会在相应的坐标处将一个标记插入到地图上。它还支持在选定点之间导航。这些点可能在地图上有标记,也可能没有标记,这取决于用户在创建导航之前选择的内容。在这个项目中,我使用的是地图显示和地图上的点对点导航 问题 我遇到的问题是,当我尝试在点之间创建导航时,我无法指定要在哪些航路点上设置标记。这是一个问题,因为这将导致给定位置的标记重叠。那么,在使用传单路由机器创建路由时,是否有方法仅在选定的航路点创建标记 实例 这里有一个例子再现了这个问题。这不是一个非常好的例子,因为它们没有不同的图标,但是当它们有了图标时,它会更明显一些 下面是当前无效的Javascript,它显示了我如何添加点Javascript 如何选择已附加标记的航路点? 出身背景,javascript,leaflet,leaflet-routing-machine,Javascript,Leaflet,Leaflet Routing Machine,我目前正在做一个项目,当从下拉列表或类似输入中选择一个位置时,会在相应的坐标处将一个标记插入到地图上。它还支持在选定点之间导航。这些点可能在地图上有标记,也可能没有标记,这取决于用户在创建导航之前选择的内容。在这个项目中,我使用的是地图显示和地图上的点对点导航 问题 我遇到的问题是,当我尝试在点之间创建导航时,我无法指定要在哪些航路点上设置标记。这是一个问题,因为这将导致给定位置的标记重叠。那么,在使用传单路由机器创建路由时,是否有方法仅在选定的航路点创建标记 实例 这里有一个例子再现了这个问题
function getDirections(waypoints, mode) {
if (typeof mode === 'undefined') {
mode = 'driving'
}
routingControl.getRouter().options.profile = 'mapbox/' + mode;
routingControl.setWaypoints(waypoints);
// I'm also trying to figure out how to find if the marker is sitting in the same spot as another,
// but that's another question for another time.
if (MARKERS EXIST AT EACH POINT) {
routingControl.options.createMarker = function () {
return null;
}
} else if (MARKERS EXIST AT SOME POINTS) {
// The resolution to the issue that I'm trying to solve would sit here
} else {
routingControl.options.createMarker = function() {
return L.marker(wp.latLng);
}
}
var routeBlock = routingControl.onAdd(map);
$('#directions-display-pane')
.html(routeBlock)
.append('<div class="inline-form">' +
'<button id="directions-back-button" class="expanded">Back</button>' +
'<div class="icon create-link link" tooltip="Create link"><i class="fa fa-link" aria-hidden="true"></i></div>' +
'</div>')
.removeClass('hidden');
}
提前感谢有任何想法的人