Вопросы Теги

API Карт Google 3 Как вызвать инициализацию, не помещая ее в Body onload

Я использую API карт Google, скопировал примеры и в итоге получил функцию под названием "инициализация", которая вызывается из тела onload.

Я использую карты в нескольких различных пользовательских элементах управления, которые размещены в заполнителях содержимого, поэтому тег body находится на главной странице. В идеале я хочу, чтобы мой пользовательский элемент управления был автономным элементом управления, который я могу просто вставлять в страницы, не пытаясь получить доступ к загрузке тела главной страницы.

Я попытался вызвать функцию инициализации из загрузки моей страницы пользовательского элемента управления (добавив сценарий запуска), но карта не отображается.

Есть предложения?

Мой код: 

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false">/script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
var map;
var geocoder;
function initialize() {
    geocoder = new google.maps.Geocoder();
    var latlng = new google.maps.LatLng(51.8052184317649, -4.965819906250006);
    var myOptions = {
        zoom: 8,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

    $.ajax({
        type: "POST",
        url: "/GoogleMapsService.asmx/GetPointers",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        beforeSend: function () {
            $(".loadingData").html("<p>Loading data..</p>");
        },
        complete: function () {
            $(".loadingData").html("");
        },
        cache: true,
        success: mapPoints,
        error: onError
    });
}
function onError(xhr, ajaxOptions, thrownError) {
    alert(xhr.status);
    alert(xhr.responseText);
}
function mapPoints(response) {

    if (response.d != null) {
        if (response.d.length > 0) {
            for (var i = 0; i < response.d.length; i++) {

                plotOnMap(response.d[i].Id, response.d[i].Name,
                    response.d[i].Lat, response.d[i].Long,
                    response.d[i].ShortDesc)

            }
        }

    }
}

и на моей тестовой главной странице: 

<body onload="initialize()">
<form runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true"></asp:ScriptManager>
<asp:ContentPlaceHolder ID="MainContent" runat="server">
</asp:ContentPlaceHolder>
</form>
</body>
5
задан Kara 12 December 2013 в 06:05
поделиться