-1
我爲我的網站使用了一個html模板。谷歌地圖在我的本地主機工作正常,但是當我上傳它在服務器上顯示谷歌地圖的錯誤。在網站上顯示Google地圖的錯誤
我試過使用谷歌API鍵,但它仍然無法正常工作,並在屏幕上獲取JavaScript錯誤。
請參閱附件圖片以供參考。
請指教我該怎麼做。
我爲我的網站使用了一個html模板。谷歌地圖在我的本地主機工作正常,但是當我上傳它在服務器上顯示谷歌地圖的錯誤。在網站上顯示Google地圖的錯誤
我試過使用谷歌API鍵,但它仍然無法正常工作,並在屏幕上獲取JavaScript錯誤。
請參閱附件圖片以供參考。
請指教我該怎麼做。
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>
您可以使用谷歌地圖的iframe,如果你想要做的是顯示一個特定位置谷歌地圖在您的網站上。 – rexroxm