php - 为什么谷歌地图不显示？

Question

加载 Google Maps API 时出现蓝屏。你能回答一下这些有什么问题吗？

警报消息结果: http://img829.imageshack.us/img829/9279/soru1k.jpg

初始化函数:

            <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
            <script type="text/javascript">
                  function yukle() {
                    var locations = $.parseJSON({$json});
                    alert(locations[0]);

                    var latlng = new google.maps.LatLng(locations[0][1], locations[0][2]);
                    var myOptions = {
                      zoom: 7,
                      center: latlng,
                      mapTypeId: google.maps.MapTypeId.ROADMAP
                    };
                    var map = new google.maps.Map(document.getElementById("map_canvas"),
                        myOptions);


                  }

        </script>

HTML:

<div id="map_canvas" style="width:620px; height:470px"></div>

CSS:

    <style type="text/css">
        #map_canvas {
        height: 100%;
        }
    </style>

结果是 map 上出现蓝屏: http://imageshack.us/photo/my-images/546/soru3.jpg/

Answer 1

假设您的页面包含元素 map_canvas，这应该可以正常工作。尝试发布一些 HTML 和更多代码。

另外，尝试关闭页面的 css 样式。您的 css 还将为您页面上的 google map 设置样式，因此，例如，如果您页面上的所有 div 都是纯蓝色，则可能会影响 google map 元素。

编辑:

根据您提供的屏幕截图，很明显 map 渲染正确。该行有问题:

var latlng = new google.maps.LatLng(locations[0][1], locations[0][2]);

特别是经纬度生成不正确，或者坐标错误。您的 map 很可能集中在尼日利亚以西的一片海域 (lat:0,lng:0)。尝试缩小 map 并环顾四周。