Google Maps API v3 Gray Map; Загруженный маркер

-1

это первый раз, когда я работаю с Картами Google, и у меня возникла проблема.Google Maps API v3 Gray Map; Загруженный маркер

Вместо того, чтобы загружать карту, я получаю серый экран. Значок google внизу слева и условия использования в правом нижнем углу загружены.

Я также установил маркер, который отображается на карте.

Я попытался найти разрешение на многие дни (с использованием изменения размера, инициализации карты и т. Д.) Безрезультатно. Это мой JavaScript:

function startJobMap(){ 
    var map; 
    var marker; 
    var myLatlng = new google.maps.LatLng(20.268455824834792,85.84099235520011); 
    var geocoder = new google.maps.Geocoder(); 
    var infowindow = new google.maps.InfoWindow(); 

    $("#page_driver_jobdetails").on('pagebeforeshow', initialize); 

    function initialize(){ 
     var mapOptions = { 
     zoom: 15, 
     center: {lat: 1.290270, lng: 103.851959}, 
    }; 

    map = new google.maps.Map(document.getElementById("driver_jobMap"), mapOptions); 

    intializeMarker(); 
} 

var pos = { 
    lat: Number(sessionStorage.driverLat), 
    lng: Number(sessionStorage.driverLng) 
}; 

function intializeMarker(){ 
    var marker = new google.maps.Marker({ 
     position: {lat: 1.290270, lng: 103.851959}, 
     map: map 
    }); 
} 

google.maps.event.addDomListener(window, 'load', initialize); 
    //google.maps.event.trigger(map, 'resize'); 
};

Это мой HTML

<div id="page_driver_jobdetails" data-role="page"> 
<div data-role="header" data-position="fixed"> 
<a data-rel="back" class="ui-btn ui-btn-left ui-btn-icon-left ui-icon-carat-l">Back</a> 
    <h1>Job Details</h1> 
    </div> 
<div class="ui-content"> 
<div class='ui-grid-b'> 
    <div class='ui-block-a'> 
    <div id="currentDate"></div> 
    </div> 
    <div class='ui-block-b'> 
    <div id="tyreman"></div> 
    </div> 
    <div class='ui-block-c'> 
    <div id="currentTime"></div> 
    </div> 
    </div> 
</div> 
<div id="driver_jobMap" style="width:400px;height:400px;"></div>

Как решить эту проблему?

источник

2017-01-22 bingyuan tay

Опубликовать свою разметку, вы положили свой API-ключ? – Roljhon

да, я также успешно загрузил другую карту google с функцией геолокации с тем же ключом api. –

попробуйте проверить свои свойства mapOptions, если свойства верны, поскольку иногда они могут быть неправильно проанализированы API Google и FYI, на самом деле он работает нормально. проверьте свою консоль, если у вас есть какая-либо ошибка – Roljhon

Я разрешил свою проблему; Я не понимал, что jQuery требуется функция, вызываемая после загрузки страницы.

Я следовал за резолюцию, как это предусмотрено в этой статье здесь:

http://www.gajotres.net/using-google-maps-javascript-api-v3-with-jquery-mobile/

Мои извинения за то, чего, что я использую JQuery мобильный, я не думаю, что вопрос лгал там.

источник

2017-01-24 08:06:29

Google Maps API v3 Gray Map; Загруженный маркер

ответ

Смежные вопросы