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