Javascript 使用从JSON中提取的坐标捕捉到道路
我已经找过了,但似乎什么都不适合我。我有以下问题:我从JSON文件获取坐标。所有这些都应通过多段线连接,该多段线应捕捉到最近的道路。我已经成功地使用了标记和多段线,但它们只是用一条直的多段线连接。如何使这些多段线捕捉到道路上 这是我现有的代码,它只绘制多段线:Javascript 使用从JSON中提取的坐标捕捉到道路,javascript,jquery,google-maps,google-maps-api-3,google-maps-markers,Javascript,Jquery,Google Maps,Google Maps Api 3,Google Maps Markers,我已经找过了,但似乎什么都不适合我。我有以下问题:我从JSON文件获取坐标。所有这些都应通过多段线连接,该多段线应捕捉到最近的道路。我已经成功地使用了标记和多段线,但它们只是用一条直的多段线连接。如何使这些多段线捕捉到道路上 这是我现有的代码,它只绘制多段线: function initialize() { var myLatlng = new google.maps.LatLng(data[0].waypoints[0].lat,data[0].waypoints[0].long);
function initialize() {
var myLatlng = new google.maps.LatLng(data[0].waypoints[0].lat,data[0].waypoints[0].long);
var mapOptions = {
zoom: 10,
center: myLatlng
}
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
$.each(data[0].waypoints, function(i, object) {
i = i++;
var track = [
{lat: data[0].waypoints[i].lat, lng: data[0].waypoints[i].long},
{lat: data[0].waypoints[i+1].lat, lng: data[0].waypoints[i+1].long}
];
console.log(data[0].waypoints[i].lat, data[0].waypoints[i].long);
var trackPath = new google.maps.Polyline({
path: track,
geodesic: true,
strokeColor: '#FF0000',
strokeOpacity: 0.5,
strokeWeight: 5
});
trackPath.setMap(map);
});
}
initialize();
您可能正在寻找: 返回一系列航路点的多部分方向。方向 有几种交通方式可供选择 以下示例显示如何基于提供的坐标打印路线:
函数打印路径(数据){
var center=new google.maps.LatLng(data.waypoints[0].lat,data.waypoints[0].long);
变量映射选项={
缩放:6,
中心:中心
}
var map=new google.maps.map(document.getElementById('map-canvas'),mapOptions);
var directionWaypoints=$.map(data.waypoints,函数(waypoint,i){
如果(i>0&&i
html,正文{
身高:100%;
保证金:0;
填充:0;
}
#地图画布{
身高:100%;
}
您是否尝试过,我想这就是它的用途。您好@SteadyRollin您如何使用“捕捉到道路”实现添加标记?