谷歌地图 JS APIV3答案

【问题标题】：Google Maps JS APIV3谷歌地图 JS APIV3
【发布时间】：2015-03-16 15:21:21
【问题描述】：

我很难解决我在使用 Google Maps JS APIv3 时遇到的问题。

我总是得到：

TypeError: google.maps is undefined

总是这样，我想不通。快把我逼疯了。

我脑子里有一些 JS 文件：

    <!-- Javascript files -->
    <script type="text/javascript" src="/resources/js/jquery-2.1.3.min.js"></script>
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=****"></script>
    <script type="text/javascript" src="/resources/js/lightSlider/js/jquery.lightSlider.js"></script>
    <script type="text/javascript" src="/resources/js/light-gallery/js/lightGallery.min.js"></script>
    <script type="text/javascript" src="/resources/js/cycle.js" defer></script>

我获取地图的代码是：

$.each(google.results, function(x, y) {

    var lat = y.geometry.location.lat;
    var lng = y.geometry.location.lng;
    var map;

    function initialize(lat,lng) {

        var mapOptions = {
            zoom: 8,
            center: new google.maps.LatLng(lat,lng)
        };

        map = new google.maps.Map(document.getElementById('gmaps'),mapOptions);
    }

     google.maps.event.addDomListener(window, 'load', initialize(lat,lng));

});

我应该提到，当 ajax 完成时，最后一段代码 ($.each) 在 AJAX 调用中。

编辑：我已经尝试了一些我在这里看到的解决方案。

提前致谢。

【问题讨论】：

您的页面中是否还有其他代码使用 Google Maps Javascript API v3（在 onload 事件触发之前）？你能提供一个证明问题的Minimal, Complete, Tested and Readable example吗？

标签： javascript api google-maps

【解决方案1】：

您确定在加载 api 时使用了正确的密钥吗？ src="https://maps.googleapis.com/maps/api/js?key=****"

【讨论】：

是的。我只是检测到它。我从开发者控制台获得了正确的密钥。

【解决方案2】：

还有一些基本的事情你需要验证，也许是因为你缺少其中之一：
1- 使用“”声明将应用程序声明为 HTML5。
2- 创建一个名为“gmaps”的 div 元素来保存地图（好吧，我假设你已经这样做了）。
3- 另外，如果您为 js 代码使用外部文件，请确保将其加载到您的 html 文件中。

【讨论】：