javascript - gmap 错误 d 未定义

Question

<script type="text/javascript" src="https://maps.google.com/maps/api/js?v=3&key=...." ></script>
<script type="text/javascript" src="js/gmaps.js"></script>

我正在使用 gmap.js 和带有 key 的 google api，该页面似乎加载了 map ，但就在加载结束时它隐藏了 map ，在 firefox 控制台中它显示

d is undefined

map = new GMaps({
        el: '#map',
        lat: 13.9972,
        lng: -89.5687,
        zoomControl : true,
        panControl : true,
        streetViewControl : false,
        mapTypeControl: false,
        overviewMapControl: true
    });

PD:当我从脚本 api src 中删除 key 时，它可以正常工作。

Answer 1

我遇到了问题，我花了很长时间才找到解决方案，但最终我注意到我没有将正确的元素传递给 google.maps.Map()功能。

在我的例子中，我刚刚创建了一个 <div id="map"></div>对象并使用 jQuery 搜索它，因为我使用该库。我的代码看起来像这样:

jQuery("body").append("<div id='map'></div>")
...
var map_elem = jQuery("#map")
var map = new google.maps.Map(map_elem, { zoom: 4, center: lat_lng })

事实是我传递的是 jQuery 对象而不是 DOM 元素。我必须使用:

...(map_elem[0], ...

从 jQuery 数组中获取第一个 DOM 元素。

换句话说，如果您没有将正确的元素传递给 Map()构造函数，您很可能会遇到此处提到的错误。

另请参阅:Google MAP API Uncaught TypeError: Cannot read property 'offsetWidth' of null