谷歌地圖不顯示

我需要在我的PHP頁面地圖上實現。我有容器<div id="map"></div>這是在其他div內，我把這個代碼放在<head>標籤內，但它根本不顯示。有誰能夠幫助我？谷歌地圖不顯示

<script type="text/javascript" src="javascript/jquery-1.4.3.js"></script> 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
<script type="text/javascript"> 
(function() { 
    window.onload = function() { 
     var mapDiv = document.getElementById('map'); 
     var latlng = new google.maps.LatLng(37.09, -95.71); 
     var options = { 
      center: latlng, 
      zoom: 4, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     var map = new google.maps.Map(mapDiv, options); 
    } 
})(); 
</script>

來源

2010-10-18 Dayanna

如何顯示標記？您的實際代碼是否使用Google Maps API密鑰？ – 2010-10-18 14:23:22

爲什麼不把它變成一個init（）函數，並使用加載它？ – Mantar 2010-10-18 14:24:45

我不使用Maps API密鑰。我對地圖沒有任何經驗，關鍵是必要的嗎？ – Dayanna 2010-10-18 14:30:03

檢查您的HTML和doctype聲明的有效性。這是我設置的幾個Google地圖上的問題。

見this

來源

2010-10-18 14:38:12 bpeterson76

它是有效的，沒有錯誤但仍然不顯示。 – Dayanna 2010-10-18 15:06:13

你爲你的DIV指定大小？例如：

<div id="map" style="width: 300px; height: 300px;"></div>

如果不工作，你可能需要張貼您的HTML和CSS的片段..

來源

2010-10-18 17:41:05 Michal

我測試這個的好方法是註釋掉JavaScript，並使div的背景變得明顯（比如說，明亮的紅色）。如果紅色的矩形（你想要的地圖）在正確的位置，那麼至少你的HTML/CSS是正確的。 – 2010-10-20 19:03:55

@Michal感謝這對我做了詭計，我使用百分比的高度，這是由於某種原因導致div的高度爲0px ...更改爲像素，並立即生效！ – hypervisor666 2012-11-03 19:04:42

您的代碼不會對我的工作，即使最後一行，當您關閉匿名功能，給了我一個像你使用某些非法字符的錯誤，所以我不得不重新輸入它。一旦我做到了，它就完美地展示了美國所有的路線圖。除此之外可能的非法字符，你也可以嘗試：

給你#map元素的高度和寬度，否則將不可見。
把你所有的javascript放在$（document）.ready（）裏面，所以它只在文檔準備就緒時執行。
你說你把你的腳本包含在你的文檔頭標籤中，但是也許你應該試着把它們放在你身體的盡頭，以加快加載速度。

希望有所幫助。

來源

2010-10-18 18:00:39

我有這樣的事情發生，我所要做的就是使用jQuery符合性代碼。 jQuery（document）.ready（function（$）{（function（）{ // Your map code here。 }）; }）;

來源

2010-10-20 19:01:29 webLacky3rdClass

如果有人使用JavaScript或jQuery或任何語言的谷歌地圖代碼，他/她應該用於本地主機https://localhost/test/或服務器https://example.com。

方式使用安全網址像HTTPS

來源

2016-11-07 09:59:28

谷歌地圖不顯示

回答

相關問題