Question

Google地图仅在chrome浏览器中获得“ initMap不是函数”。

在其他浏览器（Firefox，IE等）中工作正常。

我正在使用Google MAP API进行位置搜索和自动完成位置。

我尝试过的类似问题的答案。（https://stackoverflow.com/questions/46319676/initmap-is-not-a-function-in-using-google-maps-api),(https://stackoverflow.com/questions/40448238/initmap-is-not-a-function) 在Chrome中尚无法使用。

这是代码。

<script>function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
    center: { lat: 34.397, lng: 150.644 },
    scrollwheel: false,
    zoom: 2
});
}    
</script>

<script async defer
            src="https://maps.googleapis.com/maps/api/js?key={{KEY}}&callback=initMap">
    </script>
<div>
  <div id="map" style="width: 500px; height: 400px;"></div>
</div>

Answer 1

该脚本应位于以下部分。它找不到“ map” div，因此会导致“ initMap不是函数”问题。

<div>
  <h1>headline long</h1>
  <div class="textblock"><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
      takimata</p>
    <p>sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
      Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p></div>
</div>

Answer 2

使用此

<script
src="http://maps.googleapis.com/maps/api/js?v=3&amp;sensor=false"></script>
$(document).ready(function() {
    ...
    google.maps.event.addDomListener(window, 'load', initMap);
});

谷歌地图仅在Chrome浏览器中获取“ initMap不是函数”

2 个答案: