Fatal编程技术网
  • javascript/
  • Javascript 将谷歌地图上的单位从公制改为英制

Javascript 将谷歌地图上的单位从公制改为英制

javascript google-maps-api-3 google-api

Javascript 将谷歌地图上的单位从公制改为英制,javascript,google-maps-api-3,google-api,Javascript,Google Maps Api 3,Google Api,我有以下代码： <script> var rendererOptions = { draggable: false }; var directionsDisplay = new google.maps.DirectionsRenderer(rendererOptions);; var directionsService = new google.maps.DirectionsService(); var m

我有以下代码：

<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);

      function initialize() {

        var mapOptions = {
          zoom: 6,
          mapTypeId: google.maps.MapTypeId.ROADMAP,
          center: England
        };
        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();
      }

      function calcRoute() {

        var request = {
          origin: 'postcode',
          destination: 'postcode',
          waypoints:[{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);
          }
        });
      }

      function computeTotalDistance(result) {
        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_canvas" style="float:left;width:70%; height:100%"></div>
    <div id="directionsPanel" style="float:right;width:30%;height 100%">
    <p>Total Distance: <span id="total"></span></p>
    </div>


var renderoptions={
可拖动：错误
};
var directionsDisplay=new google.maps.directionsrender（rendererOptions）；；
var directionsService=new google.maps.directionsService（）；
var映射；
var England=new google.maps.LatLng（53.7415,1.6860）；
函数初始化（）{
变量映射选项={
缩放：6，
mapTypeId:google.maps.mapTypeId.ROADMAP，
中心：英格兰
};
map=new google.maps.map（document.getElementById（'map_canvas'），mapOptions）；
地图.设置倾斜（45）；
directionsDisplay.setMap（地图）
directionsDisplay.setPanel（document.getElementById（'directionsPanel'）；
google.maps.event.addListener（directionsDisplay，'directions_changed'，function（）{
ComputeTotalInstance（方向Display.directions）；
});
calcRoute（）；
}
函数calcRoute（）{
var请求={
来源：'邮政编码'，
目的地：'邮政编码'，
航路点：[{location:'waypoint postcode'}，{location:'waypoint postcode'}，{location:'waypoint postcode'}]，
travelMode:google.maps.Directions travelMode.DRIVING
};
路由（请求、功能（响应、状态）{
if（status==google.maps.directionstatus.OK）{
方向显示。设置方向（响应）；
}
});
}
函数ComputeTotalInstance（结果）{
var合计=0；
var myroute=result.routes[0]；
对于（i=0；i
该地图使用谷歌api的方向服务显示了起点和目的地，以及沿途的某些航路点。“方向”面板以公制单位显示所有距离。如何更改它，以便所有距离都以英制单位显示，即英里、英尺？

单元系统

默认情况下，使用单位计算和显示方向 原产国或地区的制度。（注：表示来源） 始终使用纬度/经度坐标而不是地址 默认为公制单位。）例如，从“伊利诺伊州芝加哥”到 “多伦多，安大略省”将以英里为单位显示结果，而相反的路线 将以公里为单位显示结果。你可以改写这个单位制 通过使用 以下单位系统值：

  • UnitSystem.METRIC
    指定公制的用法。距离用公里表示
  • UnitSystem.IMPERIA
    L指定英制（英语）系统的用法。距离用英里表示
注意：此单位系统设置仅影响显示在屏幕上的文本 用户。“方向”结果还包含未显示的距离值 给用户的，通常以米表示