Question

与laravel合作，并尝试在我的联系页面中显示Google地图。

但出现错误theme.js：136谷歌未定义。

我尝试了一些互联网上可用的选项，但是不起作用。

请帮助。

刀片代码：

 <section class="map pt-80">
        <div class="map-canvas">
            <div id="map-canvas"></div>
        </div>
    </section>

js：

/*------- Google Map --------*/
    (function () {
        var LocationData = [
            [49.2812668, -123.1035942, "26 E Hastings St, Vancouver"],
            [49.2814064, -123.1025187, "71 E Hastings St, Vancouver"],
            [49.2812336, -123.1020622, "122 E Hastings St, Vancouver"],
            [49.2813564, -123.1012253, "138 E Hastings St, Vancouver"],
            [49.2811625, -123.0985032, "242 E Hastings St, Vancouver"]
        ];

        function initialize()
        {
            var map = new google.maps.Map(document.getElementById('map-canvas'));
            var bounds = new google.maps.LatLngBounds();
            var infowindow = new google.maps.InfoWindow();

            for (var i in LocationData)
            {
                var p = LocationData[i];
                var latlng = new google.maps.LatLng(p[0], p[1]);
                bounds.extend(latlng);

                var marker = new google.maps.Marker({
                    position: latlng,
                    map: map,
                    title: p[2]
                });

                google.maps.event.addListener(marker, 'click', function () {
                    infowindow.setContent(this.title);
                    infowindow.open(map, this);
                });
            }

            map.fitBounds(bounds);
        }

        try {
            google.maps.event.addDomListener(window, 'load', initialize);
        } catch (e) {
            console && console.error(e.message);
        }

    }());

enter image description here

请帮助。

Answer 1

您没有在网页中包含指向Google JS SDK的链接，或者是否包含在主应用程序的JavaScript之后。您需要在自己的脚本之前包含指向Google JS SDK的链接，并且不应异步或延迟加载该链接-因为您的应用程序取决于它的可用性。

未定义Google的js中的错误

1 个答案: