Question

我正在使用JQuery来定位我想将Google地图实例绑定到的DOM元素：

var GoogleMap;
var ListOfMarkers = new Array();

function DisplayMap(GoogleMapPlaceHolder) {

    var MapCenterPoint = new google.maps.LatLng(39.28629188966093, -76.60345947265624);

    var MapOptions = {
        zoom: 8,
        center: MapCenterPoint,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }

    //Create a new GoogleMap instance
    var MapDiv = $('#' + GoogleMapPlaceHolder)[0];
    GoogleMap = new google.maps.Map(MapDiv, MapOptions);

}

HTML：

<body onload="DisplayMap('DivMap')">
    <form id="form1" runat="server">
    <div>
        <div id="DivMap"></div>
    </div>
    </form>
</body>

编辑：我正在引用Google Maps Javascript（未显示）。

当页面呈现时，地图将不会显示。为什么代码无法显示地图？

Answer 1

我的第一个想法是Google地图填充了包含空间而没有推送其CSS height属性。你有定义#DivMap高度的样式吗？如果不是，那么块级元素（如div）将由具有0px计算高度值的浏览器生成。

将Google地图实例绑定到嵌套在另一个元素中的html元素

1 个答案: