我正在使用此代码使用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
答案 0 :(得分:3)
地图需要center
- 选项(您已设置topCenter
- 选项)。
此外,您应该加载API的发布版本,目前的实验版本非常错误。
答案 1 :(得分:2)
如果更改了center参数的topCenter参数,则可以使用