我无法从 Google Maps Api json 响应中读取 html_instructions，我怀疑这主要是因为我不熟悉处理 Json 对象，但我无法找到对我有帮助的答案，所以我们开始吧。
在 Google 路线服务示例之后，我在 javascript 中创建了一个 calcRoute 函数，该函数发布开始和结束位置并接收 json 格式的驾驶指令列表，它在地图上绘制路线一切都很好。但是，当我想列出驾驶说明时，我可以生成一个包含每个步骤的距离和持续时间的步骤列表，但总是为 html_instructions 返回“未定义”。当我查看收到的 json 时，每个步骤都有一个带有文本的 html_instructions 属性，但我无法在代码中访问它。很简单，是的，所以我想，那我错过了什么白痴？
function calcRoute() {
var start = document.getElementById('start').value;
try {
var request = {
origin: start,
destination: bowenSense,
travelMode: google.maps.DirectionsTravelMode.DRIVING,
unitSystem: google.maps.UnitSystem.IMPERIAL
};
directionsService.route(request, function (response, status) {
if (status == google.maps.DirectionsStatus.OK) {
parseJson(response);
directionsDisplay.setDirections(response);
}
else {
alert("Error: " + status);
}
});
}
catch (error) {
alert("Error: " + error);
};
}
function parseJson(response) {
for (i = 0; i < response.routes.length; i++) {
var route = response.routes[i];
for (j = 0; j < route.legs.length; j++) {
var leg = route.legs[j];
// Do something with leg attributes...
for (k = 0; k < leg.steps.length; k++) {
var step = leg.steps[k];
var distance = step.distance.text; // fine
var duration = step.duration.text; // fine
var instruction = step.html_instructions; // == undefined ?
alert("instruction: " + instruction);
var mode = step.travel_mode; // works
}
}
}
}
返回的示例 JSON，显示填充的 html_instructions 值
....
"steps" : [
{
"distance" : {
"text" : "0.4 mi",
"value" : 695
},
"duration" : {
"text" : "1 min",
"value" : 61
},
"end_location" : {
"lat" : 53.3590723,
"lng" : -1.5065088
},
"html_instructions" : "Head \u003cb\u003ewest\u003c/b\u003e on \u003cb\u003eBannerdale Rd\u003c/b\u003e toward \u003cb\u003eNeedham Way\u003c/b\u003e",
"polyline" : {
"points" : "i~sdIjscHUvAi@vD[vAk@fC}@hDMf@[v@c@vAiA|Dy@dCuAzD[r@EJGLMXOTINQRUTYPSNOJQJSPOR"
},
"start_location" : {
"lat" : 53.3554115,
"lng" : -1.4983018
},
"travel_mode" : "DRIVING"
},
....
令人费解的是 html_instruction 和 travel_mode 都是字符串值，一个有效，另一个无效，那么这是字符串内容的问题吗？html_instructions 字符串有很多 '\u* * '（unicode？）编码字符，而 travel_mode 是一组普通的大写字母？
对此的任何帮助将不胜感激，并在此先感谢。ps 如果这很重要，我正在使用最新版本的 Firefox 浏览器。