Javascript 谷歌地图API-地图未显示-无错误

我正在尝试将一个地图从GoogleAPI加载到一个div中。但是，没有加载地图，也没有输出错误。代码如下：

// google maps

var geocoder, map;
function codeAddress(address) {
    geocoder = new google.maps.Geocoder();
    geocoder.geocode( { 'address': address}, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
        var myOptions = {
        zoom: 8,
        center: results[0].geometry.location,
        mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);

        var marker = new google.maps.Marker({
            map: map,
            position: results[0].geometry.location
        });
      }
    });
  }


  google.maps.event.addDomListener(window, 'load', function() {
    codeAddress('" . $location['address'] . " " . $location['zip'] . " " . $location['city'] . " " . $countries[$location['country']] . "');
  });

我已经处理这个问题很长一段时间了，我已经没有主意了

---

你们中任何熟悉谷歌地图api的人，谁知道我的代码出了什么问题？我的div确实存在，ID为：map\u canvas。

是否正在加载谷歌地图API。。。？你的页面上没有遗漏类似的内容吗

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=<your_api_key&sensor=false&callback=initialize"></script>
...
<script>
    function initialize() {
        codeAddress('" . $location['address'] . " " . $location['zip'] . " " . $location['city'] . " " . $countries[$location['country']] . "');
    });
</script>

...
函数初始化（）{
代码地址（“$location['address']”.“$location['zip']”.“$location['city']”.“$countries[$location['country'].]”）；
});

请查看。

问题是：

• 我没有使用API密钥（尽管它不认为这是nessecary，但它起作用了）
• 我没有设置div的宽度/高度（

  .map\u canvas{width:500px；height:500px；}

  ）

• 我忘了这样初始化：

  initialize();
  
  function initialize() {
    google.maps.event.addDomListener(window, 'load', function() {
      codeAddress('London');
    });
  }
  

---

它现在起作用了。谢谢

我假设您将地图加载到“map\u canvas”div，对吗？试着在你的样式表上定义那些div的高度和宽度，这就是我在我的项目中遇到的情况，它为我解决了。。。这个问题似乎是由于其他样式属性（如position或float maybe）引起的。

您能发布更多吗？我认为这不足以调试代码。您传递到

codeAddress

的地址有问题，或者您没有设置地图所在div的宽度/高度。因为如果我只是把“伦敦”传递到

codemaddress

，你的代码就行了。