Google Maps JS APIV3

Question

我很难解决使用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调用中。

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

提前致谢。

Answer 1

您确定在加载API时使用了正确的密钥吗？ SRC =＆＃34; HTTPS：？//maps.googleapis.com/maps/api/js键= ****＆＃34;

Answer 2

您需要验证更多基本内容，可能是因为您错过了其中一项：
1-使用“＆lt;！DOCTYPE html＆gt;”将应用程序声明为HTML5声明。
2-创建一个名为“gmaps”的div元素来保存Map（好吧，我假设你已经这样做了） 3-如果您使用外部文件作为js代码，请务必将其加载到您的html文件中。