Google Maps API: Результат направлений не показывает
-
25-10-2019 - |
Вопрос
Я создаю свою собственную карту стилизации, используя Google Maps JS API. Я хотел добавить функциональность направления в карту, я следовал Официальный учебник (Под Отображение направления название), но последний маршрут не появляется ...
Я отладил свой код и нашел, чем Направление service.route функция возвращает google.maps.directionsstatus.ok а также DIRECTIONSDISPLAY.SetDirections (результат) действительно вызван без ошибок JS ... так что направления успешно вычисляются, но не показаны на моей карте. Пытался отключить специальную карту стиля, но даже в стиле карты по умолчанию это не появляется. Есть идеи, где может быть проблема?
ОК, какой -то код ...:
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAB2gbXmG... ...mNs66iPr8&sensor=false&callback=directions_init"></script>
<script type="text/javascript">
var map;
var zoom = 11;
var directionsDisplay;
var directionsService;
function gmap_init(){
var styleArray = [ /*here is style but even if its commented its not working*/];
var alterMapStyle = new google.maps.StyledMapType(styleArray, {name: "ALTER style"});
var latlng = new google.maps.LatLng(/*lat, lng*/);
var myOptions = {
zoom: zoom,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControl: false,
panControl: false,
zoomControl: false,
scaleControl: false,
streetViewControl: false
};
map = new google.maps.Map(document.getElementById("gmap"), myOptions);
map.mapTypes.set('ALTER_style', alterMapStyle);
map.setMapTypeId('ALTER_style');
}
function directions_init(){
directionsService = new google.maps.DirectionsService();
directionsDisplay = new google.maps.DirectionsRenderer();
directionsDisplay.setMap(map);
display_route();
}
function display_route(){
var request = {
origin: 'Place A',
destination:'Place B',
travelMode: google.maps.TravelMode.DRIVING
};
directionsService.route(request, function(result, status) {
if (status == google.maps.DirectionsStatus.OK) {
//program got here without error
directionsDisplay.setDirections(result);
}
});
}
Решение
Не уверен, является ли это источником ваших проблем, но это наверняка стоит попробовать ... из ввода вашего сценария
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAB2gbXmG... ...mNs66iPr8&sensor=false&callback=directions_init"></script>
Я предполагаю, что функция DIRECTIONS_INIT называется после загрузки сценария API, который, вероятно, находится до события Page's Onload, поэтому ваш объект MAP не был инициирован и является нулевым. Так что практически вы звоните
directionsDisplay.setMap(null);
Попробуйте позвонить в указание_инит из GMAP_INIT или на любом случае, которое запускается после нагрузки.