本文介绍了将Google地图上的单位从公制更改为英制的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有以下代码:
< script>
var rendererOptions = {
draggable:false
};
var directionsDisplay = new google.maps.DirectionsRenderer(rendererOptions);;
var directionsService = new google.maps.DirectionsService();
var map;
var England = new google.maps.LatLng(53.7415,1.6860);
函数initialize(){
var mapOptions = {
zoom:6,
mapTypeId:google.maps.MapTypeId.ROADMAP,
中心:英格兰
};
map = new google.maps.Map(document.getElementById('map_canvas'),mapOptions);
map.setTilt(45);
directionsDisplay.setMap(map)
directionsDisplay.setPanel(document.getElementById('directionsPanel'));
google.maps.event.addListener(directionsDisplay'directions_changed',function(){
computeTotalDistance(directionsDisplay.directions);
});
calcRoute();
函数calcRoute(){
var request = {
origin:'postcode',
destination:'postcode',
航点:[{location:'waypoint postcode'},{location:'waypoint postcode'},{location:'waypoint postcode'}],
travelMode:google.maps.DirectionsTravelMode.DRIVING
};
directionsService.route(request,function(response,status){
if(status == google.maps.DirectionsStatus.OK){
directionsDisplay.setDirections(response);
}
});
}
函数computeTotalDistance(结果){
var total = 0;
var myroute = result.routes [0];
for(i = 0; i< myroute.legs.length; i ++){
total + = myroute.legs [i] .distance.value;
}
total = total / 1000.
document.getElementById('total')。innerHTML = total +'km';
}
< / script>
< / head>
< body onload =initialize()>
< div id =map_canvasstyle =float:left; width:70%; height:100%>< / div>
< div id =directionsPanelstyle =float:right; width:30%; height 100%>
< p>总距离:< span id =total>< / span>< / p>
< / div>
使用google api的方向服务,地图显示出始点和目的地,并且沿途有特定的路标。方向面板以公制单位显示所有距离。如何改变它,以便所有距离以英制单位显示,例如英里,英尺? 解决方案