добавление переменных PHP в функции Javascript с использованием Google Directions API

Question

добавление переменных PHP в функции Javascript с использованием Google Directions API

Я довольно новичок в использовании Google API. Я создаю приложение, в котором мне нужно использовать адреса, сохраненные в базе данных, чтобы отобразить маршрут к событию. Я нашел шаблон, позволяющий мне вручную изменять переменные Javascript в API карт Google, однако, когда я пытаюсь использовать переменную PHP в функции, она не загружает карту. Я еще не подключил его к своей базе данных, я просто пытаюсь заставить его работать с переменными PHP

Интересно, может ли кто-нибудь указать мне правильное направление и помочь мне?

  <head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps API v3 Directions Example</title>
<script type="text/javascript"src="https://maps.googleapis.com/maps/api/js?
key=MYKEYHERE&callback=initMap"></script></head>

<?php
$start = "Leeds";
$end = "Nottingham";
?>

<body><div id="map"></div>

<div id="right-panel"></div><script type="text/javascript">

var directionsService = new google.maps.DirectionsService();
var directionsDisplay = new google.maps.DirectionsRenderer();

var map = new google.maps.Map(document.getElementById('map'), {
zoom:7,
mapTypeId: google.maps.MapTypeId.ROADMAP
});

directionsDisplay.setMap(map);
directionsDisplay.setPanel(document.getElementById('right-panel'));var request = {
origin: <?php echo $start; ?>,
destination: <?php echo $end; ?>,
travelMode: google.maps.DirectionsTravelMode.DRIVING
};

directionsService.route(request, function(response, status) {
if (status == google.maps.DirectionsStatus.OK) {
directionsDisplay.setDirections(response);
}
});
</script>
</body>
</html>

-1

api google-direction google-maps javascript php

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Я просмотрел ваш код, и кажется, что вы передаете значения источника и пункта назначения как «STRING, СОЗДАЮЩАЯ ИМЯ МЕСТА», где, как и в Google Maps API, он получает координаты места, широты и долготы для места в таким образом, как указано в API карты Google https://developers.google.com/maps/documentation/javascript/examples/directions-travel-modes :

origin: {lat: 37.77, lng: -122.447},  // Haight.
destination: {lat: 37.768, lng: -122.511},  // Ocean Beach.
// Note that Javascript allows us to access the constant
// using square brackets and a string value as its
// "property."travelMode: google.maps.TravelMode[selectedMode]

Таким образом, вы должны заменить свой следующий код:

 var request = {
origin: <?php echo $start; ?>,
destination: <?php echo $end; ?>,
travelMode: google.maps.DirectionsTravelMode.DRIVING
};

С кодом, похожим на тот, который я только что опубликовал выше.
Надеюсь, что это поможет вам .

0