2

V3 を使用して Google マップのコードをセットアップしました。ローカル サーバーのマップにアクセスすると、完璧な位置と正しい場所にマーカーが表示されます。しかし、同じ住所でオンラインでアクセスすると、間違った場所と間違ったマーカーの場所が表示されます。

コードからも両方の住所を取得し、正しい場所とマーカーの位置を示す Google マップに配置します。

ローカルで完璧に機能しているのに、オンラインで Google マップが正しく表示されないのはなぜですか?

       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