Question

您好我试图将谷歌地图放在一个网站上。但运气不好的高度是div高度属于父元素高度。

因为div调整大小谷歌地图没有正确加载。像放大一边的控件都没有正确加载。

网址已被删除，因为问题已解决。

代码是

var map;
jQuery(document).ready(function(e){
jQuery("#g-map").height(jQuery("#contact-info").outerHeight()); 
})

google.maps.event.addDomListener(window, 'load', function(){
    var myCenter=new google.maps.LatLng(28.0034095,-82.5970357);
      var mapProp = {
        center:myCenter,
        zoom:9,
        mapTypeId:google.maps.MapTypeId.ROADMAP
      };

      setTimeout(function(){ 
 map=new google.maps.Map(document.getElementById("g-map"),mapProp);
      var marker=new google.maps.Marker({
      position:myCenter,
      });
      marker.setMap(map);
       }, 3000);
});

Answer 1

解决了自己

我为谷歌地图网址做的错误应该是查询字符串使用版本3

来自此网址

http://maps.googleapis.com/maps/api/js&sensor=false

更新为

http://maps.googleapis.com/maps/api/js?v=3&sensor=false

可能会帮助别人。：）

谷歌地图未正确显示，因为框高度是根据父div高度计算的

1 个答案: