Question

我正在尝试在我们的网站上实施谷歌地图。

网站上有一个页面，页面上有可以通过jquery.load（）动态加载的部分。

在其中一个部分中，另一个页面通过jQuery.Load（）函数加载，该函数填充弹出窗口的内容（具有花哨样式的div）

现在在div中我正在使用JqueryUI选项卡控件，其中一个选项卡包含谷歌地图。

请参阅我的代码：

<script type="text/javascript"
            src="http://maps.googleapis.com/maps/api/js?key=xxxxxxxxxx..&sensor=false&v=3&callback=initialize">
</script>

 <script>
        document.domain = '<?php echo $_SERVER["HTTP_HOST"]; ?>';

        $(function() {
            $("#tabs").tabs();
        });

        function initialize() {
            var mapOptions = {
                zoom: 8,
                center: new google.maps.LatLng(-34.397, 150.644)
            };

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

        function loadScript() {
            var script = document.createElement('script');
            script.type = 'text/javascript';
            script.src = 'http://maps.googleapis.com/maps/api/js?key=..........&sensor=false&v=3&callback=initialize';
            document.body.appendChild(script);
        }

        window.onload = loadScript;

    </script>

地图加载成功但我收到以下错误： 1.警告：您已在此页面上多次添加Google Maps API。这可能会导致意外错误。 2.超过连接限制 - 这是不可能的

任何帮助？

Answer 1

只需删除第一个脚本标记即可。即。

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/jskey=xxxxxxxxxx..&sensor=false&v=3&callback=initialize">

因为＆＃34; loadScript（）＆＃34;已加载谷歌地图api。

谷歌地图V3认证＆amp;重复问题

1 个答案: