2

我有使用 V3 的谷歌地图设置代码。当我在本地服务器上访问地图时，它会在正确的位置提供完美的位置和标记。但是当我使用相同的地址在线访问它时，它会给出错误的位置和错误的标记位置。

我也从代码中获得了两个地址，并放置在显示正确位置和标记位置的谷歌地图上。

为什么谷歌地图在本地完美运行时无法在线正确显示？

       var directionsDisplay;
    var directionsService = new google.maps.DirectionsService();
    var map;
    var myLatlng;
    var marker;
    function initialize() {
                                directionsDisplay = new google.maps.DirectionsRenderer();
                 myLatlng = new google.maps.LatLng(" . $latitude . "," . $longitude . ");

                var myOptions = {
                  zoom: 15,
                  center: myLatlng,
                  mapTypeId: google.maps.MapTypeId.ROADMAP
                }

                var map = new google.maps.Map(document.getElementById(\"map_canvas\"), myOptions);
                var contentString = \"<div style='width:190px;'>" . $address . "</div>\";
                var infowindow = new google.maps.InfoWindow({
                    content: contentString
                });
  directionsDisplay.setMap(map);
               marker = new google.maps.Marker({
                    position: myLatlng,
                    map: map,
                    title: '" . (  $address  ) . "',

                });
               google.maps.event.addListener(marker, 'click', function() {
                  infowindow.open(map,marker);
                });
} 
function calcRoute() {
  var start = document.getElementById('start').value;
  var end = document.getElementById('end').value;
  marker.setMap(null);
  var request = {
      origin:start,
      destination:myLatlng,
      travelMode: google.maps.DirectionsTravelMode.DRIVING
  };
  directionsService.route(request, function(response, status) {
    if (status == google.maps.DirectionsStatus.OK) {
      directionsDisplay.setDirections(response);
    }
  });
}

google.maps.event.addDomListener(window, 'load', initialize);
4

0 回答 0