Question

我需要在我的php页面地图上实现。我在其他div中有容器<div id="map"></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>

Answer 1

您是否指定了div的大小？例如：

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

如果这不起作用，您可能需要发布HTML和CSS的片段..

Answer 2

我有类似的事情发生，我所要做的就是使用jquery合规性代码。 jQuery（document）.ready（function（$）{ $（function（）{ //你的地图代码在这里。 }）; }）;

Answer 3

你的代码对我有用，即使你关闭匿名函数的最后一行给了我一个错误，就像你使用了一些非法字符一样，所以我不得不重新输入它。有一次，它完美地显示了所有美国的路线图。除了可能的非法角色，您还可以尝试：

给你的#map元素一个高度和宽度，否则它将不可见。
将所有javascript放在$（document）.ready（）中，这样只有在文档准备就绪时才会执行。
你说你将脚本包含在文档的head标签中，但也许你应该尝试将它们放在身体末端以加快加载速度。

希望有所帮助。

Answer 4

检查HTML和doctype声明的有效性。这已成为我设置的几个Google地图的一个问题。

请参阅this

Answer 5

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

表示使用安全网址，例如 https

Google地图未显示

5 个答案: