Google maps 从PHP用JavaScript呈现Google地图方向

Google maps 从PHP用JavaScript呈现Google地图方向,google-maps,google-maps-api-3,Google Maps,Google Maps Api 3,我在质疑?从PHP获取两点之间的行走路线数据。是否可以将获得的数据按原样传递给某个函数或方法,以在JavaScript映射中呈现方向 感谢在JavaScript映射中呈现方向的最简单方法是使用请求数据。来自的响应可以由直接渲染到地图上 例如: var映射; 函数初始化(){ 变量myOptions={ 缩放:13, 中心:新google.maps.LatLng(40.7127837,-74.0059413), mapTypeId:google.maps.mapTypeId.ROADMAP }

我在质疑?从PHP获取两点之间的行走路线数据。是否可以将获得的数据按原样传递给某个函数或方法,以在JavaScript映射中呈现方向


感谢

在JavaScript映射中呈现方向的最简单方法是使用请求数据。来自的响应可以由直接渲染到地图上

例如:

var映射;
函数初始化(){
变量myOptions={
缩放:13,
中心:新google.maps.LatLng(40.7127837,-74.0059413),
mapTypeId:google.maps.mapTypeId.ROADMAP
}
//创建一张地图,并将其放在曼哈顿的中心。
var map=new google.maps.map(document.getElementById(“map_canvas”),myOptions);
//实例化一个方向服务。
var directionsService=new google.maps.directionsService();
//为方向创建渲染器并将其绑定到地图。
var directionsDisplay=新建google.maps.DirectionsRenderer({
地图:地图
});
var start=document.getElementById(“start”).value;
var end=document.getElementById(“end”).value;
//收听开始和结束列表中的更改事件。
var onChangeHandler=函数(){
var start=document.getElementById(“start”).value;
var end=document.getElementById(“end”).value;
calcRoute(开始、结束、方向服务、方向显示);
};
document.getElementById('start').addEventListener('change',onChangeHandler);
document.getElementById('end').addEventListener('change',onChangeHandler);
calcRoute(开始、结束、方向服务、方向显示);
}
功能计算器(开始、结束、方向服务、方向显示){
var请求={
来源:start,
目的地:完,
travelMode:google.maps.Directions travelMode.WALKING
};
//发送指示并将响应传递给
//函数为每个步骤创建标记。
路由(请求、功能(响应、状态){
if(status==google.maps.directionstatus.OK){
方向显示。设置方向(响应);
}else警报(“指示请求失败:+状态”);
});
}
google.maps.event.addDomListener(窗口“加载”,初始化)
html,
身体,
#地图画布{
身高:100%;
宽度:100%;
边际:0px;
填充:0px
}
#浮动面板{
位置:绝对位置;
顶部:10px;
左:25%;
z指数:5;
背景色:#fff;
填充物:5px;
边框:1px实心#999;
文本对齐:居中;
字体系列:“机器人”,“无衬线”;
线高:30px;
左侧填充:10px;
}

开始:
宾州车站
大中央车站
港务局巴士总站
岛渡轮码头
哈莱姆街125号车站
完:
大会堂
洛克菲勒中心
妈妈
帝国大厦
阿波罗剧院
华尔街