我制作了一个显示谷歌地图的 div。问题是它不显示 map 但显示其 Logo 。我哪里做错了？请有任何建议。这是我的代码。此代码在 <head> 中标签。
代码
<script src="http://maps.googleapis.com/maps/api/js"></script>
<script>
var myCenter = new google.maps.LatLng(41.9976096,-87.6925979);
function initialize() {
var mapProp = {
center:myCenter,
zoom:16,
scrollwheel:false,
draggable:false,
mapTypeId:google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);
var marker = new google.maps.Marker({
position:myCenter,
});
marker.setMap(map);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
最佳答案
为您的 div 添加高度和宽度。
<div id="googleMap" style="width: 520px; height: 520px;" ></div>
关于html - 谷歌地图不显示，只显示标志，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35138552/