2017-06-14 49 views
-1

我爲我的網站使用了一個html模板。谷歌地圖在我的本地主機工作正常,但是當我上傳它在服務器上顯示谷歌地圖的錯誤。在網站上顯示Google地圖的錯誤

我試過使用谷歌API鍵,但它仍然無法正常工作,並在屏幕上獲取JavaScript錯誤。

請參閱附件圖片以供參考。

請指教我該怎麼做。

Error while loading maps

+0

您可以使用谷歌地圖的iframe,如果你想要做的是顯示一個特定位置谷歌地圖在您的網站上。 – rexroxm

回答

1

Maps.html

替換爲谷歌地圖API的關鍵

<!DOCTYPE html> 
<html>  
<body>  
<div id="map" style="width:100%;height:500px"></div> 

<script> 
function myMap() { 
    var text="hello"; 
    var myCenter = new google.maps.LatLng(51.508742,-0.120850); 
    var mapCanvas = document.getElementById("map"); 
    var mapOptions = {center: myCenter, zoom: 5}; 
    var map = new google.maps.Map(mapCanvas, mapOptions); 
    var marker = new google.maps.Marker({position:myCenter}); 
    marker.setMap(map); 
    google.maps.event.addListener(marker,'click',function() { 
    var infowindow = new google.maps.InfoWindow({ 
     content: text 
    }); 
    infowindow.open(map,marker); 
    }); 
} 
</script> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> 
<script src="https://maps.googleapis.com/maps/api/js?key=REPLACEKEY&callback=myMap"></script> 
</body> 
</html>