Google Maps API Javascript - 地图未显示答案

【问题标题】：Google Maps API Javascript - Map not showingGoogle Maps API Javascript - 地图未显示
【发布时间】：2023-04-09 17:27:01
【问题描述】：

我的网页中有以下代码 - 地图 div 没有显示谷歌地图，但我找不到代码有任何问题：

$mapCode = "<script src=\"http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=$google_maps_apiKey\" type=\"text/javascript\"></script>
   <div id=\"map_canvas\" style=\"width: 500px; height: 500px\"></div>
<script type=\"text/javascript\">
    function showAddress(address) {
        var map = new GMap2(document.getElementById('map_canvas'));
         alert(\" not found\");
         var geocoder = new GClientGeocoder();
         geocoder.getLatLng(
         address,
              function(point) {
                   if (!point) {
                      alert(address + \" not found\");
                   } else {
                      map.setCenter(point, 13);

                      var marker = new GMarker(point);
                      map.addOverlay(marker);
                   }
               }
             );
           }
showAddress(\"$address\");
</script>";

echo $mapCode;

非常感谢任何帮助。谢谢

【问题讨论】：

我收到了not found 警报。是这个问题吗？
我发现了问题，检查了firebug控制台，map.setCenter这一行有一个小错误

标签： google-maps google-maps-api-2

【解决方案1】：

我只是通过实际告诉它一个高度来让它工作......在我的 css 中我放了：

#map_canvas {
     height:100px; margin: 0; padding: 0;
}

而不是

#map_canvas {
     height:100%; margin: 0; padding: 0;
}

不知道为什么它最初不起作用......

【讨论】：

你的先生，太棒了！