我一直在使用開發人員網站，為什么Google地圖不會顯示在我的網站上？

Question

 /* This is the javascript function that makes the map load */ function initMap() { var mapDiv = document.getElementById('map'); var map = new google.maps.Map(mapDiv, { center: { lat: 44.540, lng: -78.546 }, zoom: 8 }); }

 /* This is the basic css */ #map { width: 500px; height: 400px; }

 <!-- Javascript called into the html page --> <!DOCTYPE html> <html> <head> </head> <body> <div id="map"></div> <script src="https://maps.googleapis.com/maps/api/js" async defer></script> </body> </html>

Answer 1

您需要添加一個DOM偵聽器，該偵聽器將在窗口加載時執行initMap()函數。

嘗試這個

 function initMap() { var mapDiv = document.getElementById('map'); var map = new google.maps.Map(mapDiv, { center: new google.maps.LatLng(44.540, -78.546), zoom: 8 }); } google.maps.event.addDomListener(window, 'load', initMap);

 #map { width: 500px; height: 400px; }

 <script src="https://maps.googleapis.com/maps/api/js" ></script> <div id="map"></div>

Answer 2

您的函數未調用請使用$（document）.ready（function（）（））來調用函數

 <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-1.11.2.min.js" type="text/javascript"></script> <script src="https://maps.googleapis.com/maps/api/js"></script> <script> $(document).ready(function() { var mapDiv = document.getElementById('map'); var map = new google.maps.Map(mapDiv, { center: {lat: 44.540, lng: -78.546}, zoom: 8 }); }); </script> <style> #map { width: 500px; height: 400px; } </style> </head> <body> <div id="map"></div> </body> </html>

我一直在使用開發人員網站，為什么Google地圖不會顯示在我的網站上？

問題描述

2 個解決方案

解決方案1
0 2016-03-07 11:26:01

解決方案2
0 已采納 2016-03-07 11:26:20

我一直在使用開發人員網站，為什么Google地圖不會顯示在我的網站上？

問題描述

2 個解決方案

解決方案1 0 2016-03-07 11:26:01

解決方案2 0 已采納 2016-03-07 11:26:20

解決方案1
0 2016-03-07 11:26:01

解決方案2
0 已采納 2016-03-07 11:26:20