作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
这里我有一个函数route();该函数在两个地点之间创建一个方向,并从 startPoint 和 endPoint 创建两个标记。一切都很好,但是我在这里如何编写一个函数,该函数将从起点返回 lat,lng ,从终点返回 lat,lng ,而无需在此处使用地理编码,因为在此函数中已经创建了标记
函数路线();代码:
function route() {
// Clear any previous route boxes from the map
clearBoxes();
// Convert the distance to box around the route from miles to km
distance = parseFloat(document.getElementById("distance").value) * 1.609344;
var request = {
origin: document.getElementById("from").value,
destination: document.getElementById("to").value,
travelMode: google.maps.DirectionsTravelMode.DRIVING
}
// Make the directions request
directionService.route(request, function(result, status) {
if (status == google.maps.DirectionsStatus.OK) {
directionsRenderer.setDirections(result);
// Box around the overview path of the first route
var path = result.routes[0].overview_path;
var boxes = routeBoxer.box(path, distance);
// alert(boxes.length);
drawBoxes(boxes);
findPlaces(boxes,0);
} else {
alert("Directions query failed: " + status);
}
});
}
所以我需要一些变量等。 var startPoint = [lat,lng]; var endPoint = [lat,lng] 到达这里,因为我不想再次使用地理编码请求,因为这里是标记及其坐标位置已经创建...
我想获取两个标记的位置以及如何做到这一点?
最佳答案
从 DirectionsResult 中解析出位置
if (status == google.maps.DirectionsStatus.OK) {
directionsRenderer.setDirections(result);
var route = response.routes[0];
startLocation = new Object();
endLocation = new Object();
var path = response.routes[0].overview_path;
var legs = response.routes[0].legs;
for (i=0;i<legs.length;i++) {
if (i == 0) {
startLocation.latlng = legs[i].start_location;
startLocation.address = legs[i].start_address;
}
endLocation.latlng = legs[i].end_location;
endLocation.address = legs[i].end_address;
}
// ... rest of your code to display the route ...
working example that does that (and renders the polyline and creates markers)
关于javascript - 获取谷歌地图中已创建标记的位置(纬度,经度),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18895658/
leaflet:一个开源并且对移动端友好的交互式地图 JavaScript 库 中文文档: https://leafletjs.cn/reference.html 官网(英文): ht
我是一名优秀的程序员,十分优秀!