谷歌地图api不加载地图

时间:2015-10-20 11:39:27

标签: javascript google-maps google-maps-api-3

我正在使用此代码使用google maps api生成谷歌地图。 这是工作示例jsfiddle

js code

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>

function initialize() {
    var myloc = new google.maps.LatLng(35.433820, -97.135620);
    var mapOptions = {
        zoom: 17,
        topCenter: myloc,
        scrollwheel: false
    };
    var map = new google.maps.Map(document.getElementById('map'),mapOptions);
    var marker = new google.maps.Marker({
        position: map.getCenter(),
        map: map,
        animation: google.maps.Animation.BOUNCE
    });
    var contentString = '<div id="content" style="dir:rtl; text-align:right;">'+
            '<div id="siteNotice">'+
            '</div>'+
            '<h1 id="firstHeading" class="firstHeading"><h1>title here</h1>'+
            '<div id="bodyContent">'+
            '<p>description here</p>'+
            '</div>'+
            '</div>';
    var infowindow = new google.maps.InfoWindow({
        content: contentString,
        maxWidth: 250
    });
    google.maps.event.addListener(marker, 'click', function() {
        infowindow.open(map,marker);
    });
}
google.maps.event.addDomListener(window, 'load', initialize);

html代码

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

地图iframe在那里但是地图是空的没有标记没有道路只有iframe

2 个答案:

答案 0 :(得分:3)

地图需要center - 选项(您已设置topCenter - 选项)。 此外,您应该加载API的发布版本,目前的实验版本非常错误。

https://jsfiddle.net/doktormolle/h9q2ncnx/2/

答案 1 :(得分:2)

如果更改了center参数的topCenter参数,则可以使用