谷歌地图不显示

问题描述:

我需要在我的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> 
+0

如何显示标记?您的实际代码是否使用Google Maps API密钥? – 2010-10-18 14:23:22

+0

为什么不把它变成一个init()函数,并使用

加载它? – Mantar 2010-10-18 14:24:45
+0

我不使用Maps API密钥。我对地图没有任何经验,关键是必要的吗? – Dayanna 2010-10-18 14:30:03

检查您的HTML和doctype声明的有效性。这是我设置的几个Google地图上的问题。

this

+0

它是有效的,没有错误但仍然不显示。 – Dayanna 2010-10-18 15:06:13

你为你的DIV指定大小?例如:

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

如果不工作,你可能需要张贴您的HTML和CSS的片段..

+1

我测试这个的好方法是注释掉JavaScript,并使div的背景变得明显(比如说,明亮的红色)。如果红色的矩形(你想要的地图)在正确的位置,那么至少你的HTML/CSS是正确的。 – 2010-10-20 19:03:55

+0

@Michal感谢这对我做了诡计,我使用百分比的高度,这是由于某种原因导致div的高度为0px ...更改为像素,并立即生效! – hypervisor666 2012-11-03 19:04:42

您的代码不会对我的工作,即使最后一行,当您关闭匿名功能,给了我一个像你使用某些非法字符的错误,所以我不得不重新输入它。一旦我做到了,它就完美地展示了美国所有的路线图。 除此之外可能的非法字符,你也可以尝试:

  1. 给你#map元素的高度和宽度,否则将不可见。
  2. 把你所有的javascript放在$(document).ready()里面,所以它只在文档准备就绪时执行。
  3. 你说你把你的脚本包含在你的文档头标签中,但是也许你应该试着把它们放在你身体的尽头,以加快加载速度。

希望有所帮助。

我有这样的事情发生,我所要做的就是使用jQuery符合性代码。 jQuery(document).ready(function($){(function(){ // Your map code here。 }); });

如果有人使用JavaScript或jQuery或任何语言的谷歌地图代码, 他/她应该用于本地主机https://localhost/test/或服务器https://example.com

方式使用安全网址像HTTPS