如何使用google api javascript嵌入代码在地图中按照给定顺序准确地绘制邮政编码和行驶路线？
我需要绘制一组邮政编码以及行驶方向。邮政编码将按照某些标准的升序进行排序。因此，排序数组中的第一个邮政编码应绘制为A，第二个邮政编码绘制为B，…最后一个邮政编码绘制为对应的下一个字母表（如maps.google.com的get direction部分所示）以及行驶路线如何使用google api javascript嵌入代码在地图中按照给定顺序准确地绘制邮政编码和行驶路线？,javascript,google-maps-api-3,direction,Javascript,Google Maps Api 3,Direction,我需要绘制一组邮政编码以及行驶方向。邮政编码将按照某些标准的升序进行排序。因此，排序数组中的第一个邮政编码应绘制为A，第二个邮政编码绘制为B，…最后一个邮政编码绘制为对应的下一个字母表（如maps.google.com的get direction部分所示）以及行驶路线 有谁能帮我用谷歌api V3的javascript嵌入代码来实现这个功能吗？最后我可以做到。代码如下所示： <!DOCTYPE html> <html> <head>
有谁能帮我用谷歌api V3的javascript嵌入代码来实现这个功能吗？最后我可以做到。代码如下所示：
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>Google Maps JavaScript API v3 Example: Directions Waypoints</title>
<link href="http://code.google.com/apis/maps/documentation/javascript/examples/standard.css" rel="stylesheet" type="text/css" />
<script src="https://maps-api-ssl.google.com/maps/api/js?v=3&sensor=false" type="text/javascript"></script>
<script type="text/javascript">
function initialize() {
var directionDisplay;
var directionsService = new google.maps.DirectionsService();
var map;
directionsDisplay = new google.maps.DirectionsRenderer();
var chicago = new google.maps.LatLng(41.850033, -87.6500523);
var myOptions = {
zoom: 6,
mapTypeId: google.maps.MapTypeId.ROADMAP,
center: chicago }
var waypts = [];
var PtsArray = [];
//Give input as postcode/place name as a single string seperated by pipeline character as follows.
var PointsString = "LE126UW" + "|" + "NG104AH" + "|" + "B112RJ" + "|" + "London";
PtsArray = PointsString.split("|");
var length = PtsArray.length;
if (length > 2) {
for (i = 1; i < (length - 1); i++) {
waypts.push({
location: String(PtsArray[i]),
stopover: true
});
}
}
var request = {
origin: String(PtsArray[0]),
destination: String(PtsArray[length - 1]),
waypoints: waypts,
optimizeWaypoints: false,//set this to true to get optimized path else it will plot as the given input.
travelMode: google.maps.DirectionsTravelMode.DRIVING//set your travel mode here (walking,driving..)
};
directionsService.route(request, function (response, status) {
if (status == google.maps.DirectionsStatus.OK) {
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
directionsDisplay.setMap(map);
directionsDisplay.setDirections(response);
var route = response.routes[0];
var total = 0;
var numberLegs = route.legs.length;
}
else {
alert("Could not load data.." + status);
}
});
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="float: left; width: 100%; height: 480px;">
</div>
<br />
<br />
</body>
</html>
谷歌地图JavaScript API v3示例：方向航路点
函数初始化（）{
方向显示；
var directionsService=new google.maps.directionsService（）；
var映射；
directionsDisplay=new google.maps.DirectionsRenderer（）；
var chicago=new google.maps.LatLng（41.850033，-87.6500523）；
变量myOptions={
缩放：6，
mapTypeId:google.maps.mapTypeId.ROADMAP，
中心：芝加哥}
var-waypts=[]；
var PtsArray=[]；
//将输入作为邮政编码/地名作为单个字符串，用管道字符分隔，如下所示。
var PointsString=“LE126UW”+“|”+“NG104AH”+“|”+“B112RJ”+“|”+“伦敦”；
PtsArray=PointsString.split（“|”）；
变量长度=PtsArray.length；
如果（长度>2）{
对于（i=1；i<（长度-1）；i++）{
推({
位置：字符串（PtsArray[i]），
中途停留：对
});
}
}
var请求={
原点：字符串（PtsArray[0]），
目的地：字符串（PtsArray[length-1]），
航路点：航路点，
optimizeWaypoints:false，//将其设置为true以获得优化路径，否则它将作为给定输入进行打印。
travelMode:google.maps.DirectionsTravelMode.DRIVING//
};
路由（请求、功能（响应、状态）{
if（status==google.maps.directionstatus.OK）{
map=new google.maps.map（document.getElementById（“map_canvas”），myOptions）；
方向显示.setMap（地图）；
方向显示。设置方向（响应）；
var route=response.routes[0]；
var合计=0；
var numberLegs=路线、支腿、长度；
}
否则{
警报（“无法加载数据..”+状态）；
}
});
}