未捕获的ReferenceError:谷歌尚未定义但代码已经过测试,适用于其他应用

时间:2017-01-30 09:10:57

标签: google-maps

大家好,所以我看了很多解决方案,不幸的是他们没有帮我解决问题。

我已将链接添加到白名单,尝试将回调添加到api链接,也许我错过了一些内容,但我确定我已经查看了大多数答案并尝试了他们的解决方案

地图页面:

<td>
    <div id="map-canvas"></div>
    <button id="ReloadMap">Reload Map</button>
</td>
<script src="https://maps.googleapis.com/maps/api/js? key=My API Key &sensor=true"></script>

映射js。

 $('#btnDoMap').click(function () {
    myMap();
})

$('#ReloadMap').click(function () {
    myMap();
})

function myMap() {
    var map = new google.maps.Map(document.getElementById('map-canvas'), {
        zoom: 4,
        center: { lat: -25.363, lng: 131.044 }
    });
}

CSS

#map-canvas{
height:300px;
width: 99%;
border: 2px solid black;

}

我一直得到&#34;未捕获的ReferenceError:google未定义&#34;所有我想要的是加载地图我已经在一个空白的应用程序上测试了我的代码,当我将它包含在我的主项目中它获取referenceError

提前致谢

1 个答案:

答案 0 :(得分:0)

似乎我所要做的就是将whit.html列表中的链接更改为https://maps.googleapis.com而不是index.html页面上的https://www.google.co.za/maps和config.xml