Question

我使用GMaps在html页面上显示地图，但它在页面上显示此错误

糟糕！出了点问题。

此页面未正确加载Google地图。有关技术详细信息，请参阅JavaScript控制台。

控制台中的这些错误

编辑：我已生成API密钥并将其添加到网址，现在我只收到此错误

未捕获的TypeError：无法读取属性＆＃39;原型＆＃39;未定义的

我还检查了这个帖子：Google MAP API Uncaught TypeError: Cannot read property 'offsetWidth' of null

尝试了那里发布的片段而不是我自己的片段，但我也遇到了同样的错误。

这是我的代码

HTML

<div id="map_canvas" class="height-400 grayscale"></div>

JS和包含

<script type="text/javascript" src="//maps.google.com/maps/api/js?key=AIzaSyDPN1LpoBuDzlvGox2qcREeDCnKu-hsGs4"></script>
<script type="text/javascript" src="assets/plugins/gmaps.js"></script>
<script type="text/javascript">

jQuery(document).ready(function(){

    /**
     @BASIC GOOGLE MAP
     **/
    var map2 = new GMaps({
        div: "#map_canvas",
        lat: -12.043333,
        lng: -77.028333,
        scrollwheel: false
    });

    var marker = map2.addMarker({
        lat: -12.043333,
        lng: -77.028333,
        title: "Company, Inc."
    });

});

</script>

Answer 1

尝试获取API密钥（需要Google帐户）：

https://console.developers.google.com/apis/api/maps_backend/

了解更多信息：

https://developers.google.com/maps/documentation/javascript/get-api-key

Google地图未显示在HTML网页上

1 个答案: