2015-10-20 254 views
0

我正在使用此代碼來生成谷歌地圖使用谷歌地圖API。 這是工作示例jsfiddle谷歌地圖api不加載地圖

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> 

地圖iframe是有,但映射爲空,沒有標記沒有道路就在iframe

+0

爲什麼這個標籤[谷歌地圖的API-2](http://stackoverflow.com/questions/tagged/google -maps-api-2),該版本的API自2010年5月19日起正式被棄用。 – geocodezip

回答

3

地圖需要center -option(您已設置topCenter-選項)。 此外,你應該加載API的發佈版本,目前的實驗版本是非常錯誤的。

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

+0

非常感謝您的幫助 –

2

如果您改變topCenter參數中心參數它工作