Google maps 谷歌地图API V3(JS):一张地图上有多个方向

Google maps 谷歌地图API V3(JS):一张地图上有多个方向,google-maps,google-maps-api-3,Google Maps,Google Maps Api 3,我知道这个问题以前已经被回答过了,但不幸的是,目前所有指向演示/解释页面的链接都没有了 我想使用谷歌地图API V3在同一张地图上绘制两个方向(一个用于驾驶,一个用于步行)。如果可能的话,我想使用谷歌默认的“方向”线,因为它们看起来比多段线更好 有人知道怎么做吗?非常感谢您的帮助 这是我过去为此做的一个例子。诀窍是多个DirectionsRenderer实例 var映射, 方向渲染器1, 方向渲染器2, 用户, 地点1, 位置2; 功能显示方向1(结果、状态){ 方向渲染器1.setDirec

我知道这个问题以前已经被回答过了,但不幸的是,目前所有指向演示/解释页面的链接都没有了

我想使用谷歌地图API V3在同一张地图上绘制两个方向(一个用于驾驶,一个用于步行)。如果可能的话,我想使用谷歌默认的“方向”线,因为它们看起来比多段线更好


有人知道怎么做吗?非常感谢您的帮助

这是我过去为此做的一个例子。诀窍是多个
DirectionsRenderer
实例

var映射,
方向渲染器1,
方向渲染器2,
用户,
地点1,
位置2;
功能显示方向1(结果、状态){
方向渲染器1.setDirections(结果)
}
功能显示方向2(结果、状态){
方向渲染器2.setDirections(结果)
}
函数getDirections(位置、显示回调){
//https://developers.google.com/maps/documentation/javascript/3.exp/reference#DirectionsRequest
var请求={
travelMode:google.maps.travelMode.DRIVING,
来源:用户,
目的地:地点
};
//https://developers.google.com/maps/documentation/javascript/3.exp/reference#DirectionsService
var service=new google.maps.DirectionsService();
路由(请求、显示回调);
}
//布置地图
函数初始化(){
变量映射选项={
缩放:6,
//我用过美国的中心
中心:新google.maps.LatLng(38.8282,-98.5795)
};
//绘制地图
MAP=new google.maps.MAP(document.getElementById('MAP'),mapOptions);
DirectionsRender1=新建google.maps.DirectionsRenderer({
地图:地图
})
DirectionsRender2=新建google.maps.DirectionsRenderer({
地图:地图
})
//为用户位置做标记
//注:对于测试,用户位置是固定的
USER=new google.maps.LatLng(38.8282,-98.5795);
新的google.maps.Marker({
标签:“U”,
光标:“用户位置”,
职位:用户,
地图:地图
});
//用于此演示
document.getElementById(“纬度”).textContent=USER.lat();
document.getElementById(“经度”).textContent=USER.lng();
//为Place1制作标记(位置是任意的)
PLACE1=新的google.maps.LatLng(37,-97);
新的google.maps.Marker({
标签:“1”,
光标:“放置1”,
职位:职位1,
地图:地图
});
//为Place2制作标记(位置是任意的)
PLACE2=新的google.maps.LatLng(39,-102);
新的google.maps.Marker({
标签:‘2’,
光标:“位置2”,
位置:地点2,,
地图:地图
});
document.getElementById(“p1button”).addEventListener(“单击”,函数(e){
获取方向(位置1,显示方向1);
});
document.getElementById(“p2button”).addEventListener(“单击”),函数(e){
获取方向(位置2,显示方向2);
});
//调整dom元素大小时重新绘制触发器映射
google.maps.event.addDomListener(窗口,“调整大小”,函数(){
google.maps.event.trigger(映射,'resize');
});
//调整大小后保留贴图透视图
google.maps.event.addListener(映射,'resize',函数(){
var center=MAP.getCenter();
google.maps.event.addListenerOnce(MAP'center_changed',function(){
地图设置中心(中心);
});
});
}
//运行代码以设置演示
初始化()
html,
身体,
#地图{
身高:100%;
宽度:100%;
边框宽度:0;
保证金:0;
填充:0;
}

您的位置:

纬度:
经度:

地点指示1 地点2的方向
您现有的代码是什么样子的?中的哪些问题可以解决此问题?有死链接/解释?谢谢!这正是我想要的:——)