javascript - 谷歌地图 API 无法加载 map

Question

我正在使用此代码通过谷歌地图 API 生成谷歌地图。这是工作示例 jsfiddle

js代码

<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>

map iframe 存在，但 map 是空的，没有标记，没有道路，只有 iframe

Answer 1

map 需要center选项(您已经设置了topCenter选项)。此外，您应该加载 API 的发布版本，当前的实验版本有很多错误。

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