Google地图不显示

我正在尝试使用Google Maps API。我直接复制从文档the example code但地图显示不出来我预想的方式：Google地图不显示

enter image description here

我想看看通过我的代码，看看是否有任何错误，但没有运气。任何想法？

http://jsfiddle.net/DerekL/B3KYB/（关键是去除）

function initialize() { 
    var mapOptions = { 
     zoom: 8, 
     center: new google.maps.LatLng(-34.397, 150.644), 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    } 
    var map = new google.maps.Map($("#mapView")[0], mapOptions); 
}

来源

2013-09-21 Derek 朕會功夫

尝试'的document.getElementById（ 'MapView的'）'，而不是使用jQuery。 – RobH

@RobH - 我不是真的在我的代码中返回一个jQuery对象。但我曾尝试将其改为本机方法，但问题仍然存在。 –

你的CSS：

div, body, html { 
    width: 100%; 
    height: 100%; 
    margin: 0; 
    padding: 0; 
}

...会影响网页中的任何DIV元素，也由地图的API创建的div的。

使用此选择，而不是：#mapView, body, html

http://jsfiddle.net/doktormolle/nmwHw/

来源

2013-09-21 22:02:10

+1很酷，我在小提琴中得到它。当我回来时，我看到了你的答案。我想补充一点，css应该像'#mapView {width = 100％;宽度= 100％; 身高：100％; margin：0; 填充：0; } ' – Praveen

哦！不知道为什么我没有抓住这一点，谢谢！ –

Google地图不显示

回答

相关问题