谷歌地图不显示
我需要在我的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>
你为你的DIV指定大小?例如:
<div id="map" style="width: 300px; height: 300px;"></div>
如果不工作,你可能需要张贴您的HTML和CSS的片段..
我测试这个的好方法是注释掉JavaScript,并使div的背景变得明显(比如说,明亮的红色)。如果红色的矩形(你想要的地图)在正确的位置,那么至少你的HTML/CSS是正确的。 – 2010-10-20 19:03:55
@Michal感谢这对我做了诡计,我使用百分比的高度,这是由于某种原因导致div的高度为0px ...更改为像素,并立即生效! – hypervisor666 2012-11-03 19:04:42
您的代码不会对我的工作,即使最后一行,当您关闭匿名功能,给了我一个像你使用某些非法字符的错误,所以我不得不重新输入它。一旦我做到了,它就完美地展示了美国所有的路线图。 除此之外可能的非法字符,你也可以尝试:
- 给你#map元素的高度和宽度,否则将不可见。
- 把你所有的javascript放在$(document).ready()里面,所以它只在文档准备就绪时执行。
- 你说你把你的脚本包含在你的文档头标签中,但是也许你应该试着把它们放在你身体的尽头,以加快加载速度。
希望有所帮助。
我有这样的事情发生,我所要做的就是使用jQuery符合性代码。 jQuery(document).ready(function($){(function(){ // Your map code here。 }); });
如果有人使用JavaScript或jQuery或任何语言的谷歌地图代码, 他/她应该用于本地主机https://localhost/test/或服务器https://example.com。
方式使用安全网址像HTTPS
如何显示标记?您的实际代码是否使用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