我的任务是使用 Google Maps API 创建一个工具,餐厅可以使用它来定义送货区域。这是进度:http ://codepen.io/keithpickering/pen/NqdzKO
用户应该能够绘制一个多边形,之后它将捕捉到附近的道路以确保准确性。这运行得相对较好,除了谷歌内置的快速道路功能......嗯,有点糟糕。如果你的点不够接近,它要么拒绝捕捉任何东西,要么只是制作一些奇怪的 janky line。
我需要的是该工具在截断道路时更加“宽容”;换句话说,某人应该能够从任何缩放距离懒惰地绘制几乎任何类型的多边形,并且应该强制线条捕捉到一条道路或另一条道路。
这是我用来捕捉的部分代码:
...
// Snap polygon to roads
placeIdArray = [];
runSnapToRoad(poly, path, color);
});
// Snap a user-created polyline to roads and draw the snapped path
function runSnapToRoad(poly, path, color) {
var pathValues = [];
for (var i = 0; i < path.getLength(); i++) {
pathValues.push(path.getAt(i).toUrlValue());
}
$.get('https://roads.googleapis.com/v1/snapToRoads', {
interpolate: true,
key: apiKey,
path: pathValues.join('|')
}, function(data) {
processSnapToRoadResponse(data);
drawSnappedPolyline(poly, path, color);
});
}
// Store snapped polyline returned by the snap-to-road method.
function processSnapToRoadResponse(data) {
snappedCoordinates = [];
placeIdArray = [];
for (var i = 0; i < data.snappedPoints.length; i++) {
var latlng = new google.maps.LatLng(
data.snappedPoints[i].location.latitude,
data.snappedPoints[i].location.longitude);
snappedCoordinates.push(latlng);
placeIdArray.push(data.snappedPoints[i].placeId);
}
}
是否有必要放弃 Roads API 并使用路线服务寻求更定制的解决方案?有没有人有任何想法?感谢您的任何帮助。