Question

我正在使用谷歌地图...在我的网站上显示地图。

当我运行文件（html）时，我看到了地图。当我运行我的网站并从iframe调用地图文件时，我看到了 http://80.179.226.44/~israelig/sites/exmytrip/tempmap.php

error: "Oops! Something went wrong.
This page didn't load Google Maps correctly. See the JavaScript console for technical details."

IFRAME：

    <div id="map-canvas" class="col-md-6 col-xs-12">
        <iframe style="border-radius: 5px; width: 100%;" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="itinMap.html"></iframe>
    </div>

itinMap.html文件：

<div id="map"></div>


<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>  
<script type="text/javascript">
    $(document).ready(function () {
        var map;
        var elevator;
        var myOptions = {
            zoom: 5,
            center: new google.maps.LatLng(0, 0),
            mapTypeId: 'terrain'
        };
        map = new google.maps.Map($('#map')[0], myOptions);

        var addresses = ['rome', 'milan'];

        for (var x = 0; x < addresses.length; x++) {
            $.getJSON('http://maps.googleapis.com/maps/api/geocode/json?address='+addresses[x]+'&sensor=false', null, function (data) {
                var p = data.results[0].geometry.location
                var latlng = new google.maps.LatLng(p.lat, p.lng);
                new google.maps.Marker({
                    position: latlng,
                    map: map
                });

            });
        }

    });
</script>

Answer 1

此错误是因为您尚未提供API密钥。

来源Google

加载API的脚本元素没有API密钥。请确认   您包含有效的API密钥作为关键参数。您可以生成新的   Google API控制台上的API密钥。

获取API密钥   https://developers.google.com/maps/documentation/javascript/get-api-key

MissingKeyMapError

加载API的脚本元素缺少必需的元素验证参数。如果您使用的是标准地图 JavaScript API，您必须使用带有效API密钥的密钥参数。如果如果您是Premium Plan客户，则必须使用客户带有客户机ID的参数或带有有效API密钥的密钥参数。

调试此类JS错误

使用Chrome，IE或Firefox并按F12，查看错误日志。

谷歌地图 - iframe中的错误

1 个答案: