Привязка экземпляра карты Google к элементу html, вложенному в другой элемент - PullRequest
0 голосов
/ 03 февраля 2011

Я использую JQuery, чтобы найти элемент DOM, с которым я хочу связать экземпляр карты Google:

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>

Изменить: Я ссылаюсь на JavaScript Google Maps (не отображается).

Когда страница отображается, карта не отображается. Почему код не отображает карту?

1 Ответ

1 голос
/ 03 февраля 2011

Сначала я подумал, что Google Maps заполняет пространство, в котором не содержится атрибут CSS height. У вас есть стили, определяющие высоту #DivMap? В противном случае элементы уровня блока, такие как div, будут генерироваться браузером с вычисленным значением высоты 0px.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...