Маркер Google Maps: требуется опция "Получить маршруты"

Скорее прямолинейный вопрос.

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

Я застрял в последнем пункте. Мне нужно дать посетителям возможность нажать "Получить маршруты". У меня есть ссылка на маркер под названием "Направления". Я бы хотел, чтобы посетители могли нажимать на это "как-то" и предоставлять им указания. Я не уверен в средствах или как это делается. Я везде искал. Любая помощь будет принята с благодарностью. Я включил снимок экрана моего маркера.

Скриншот маркера/карты http://postimg.org/image/t5v5hy7yj/

Кроме того, когда я отвечаю, обращайтесь со мной как с кем-то, кто знает только основы того, что требуется для этого. Благодарю!

EDIT *

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

downloadUrl("genxml.php", function(data) { var xml = data.responseXML; var markers = xml.documentElement.getElementsByTagName("marker"); for (var i = 0; i < markers.length; i++) { var name = markers[i].getAttribute("name"); var type = markers[i].getAttribute("type"); var address = markers[i].getAttribute("address"); var city = markers[i].getAttribute("city"); var state = markers[i].getAttribute("state"); var zip = markers[i].getAttribute("zip"); var phone = markers[i].getAttribute("phone"); var url = markers[i].getAttribute("url"); var point = new google.maps.LatLng( parseFloat(markers[i].getAttribute("lat")), parseFloat(markers[i].getAttribute("lng"))); var html = '<a href="' + url + '" target="_blank">' + name + '</a>' + '' + address + '' + city + ' ' + state + ' ' + zip + '' + phone + '' + '<a href="https://maps.google.com/maps?q='+ address + ' ' + city + ' ' + state + ' ' + zip + '" target="_blank"><u>Directions</u></a> ' + ' <a href="#" target="_blank"><u>Write a Review</u></a> ' + ' <a href="#" target="_blank"><u>more</u></a>' + '' + '<!--?php echo $ads ?-->'; var icon = customIcons[type] || {}; var marker = new google.maps.Marker({ map: map, position: point, icon: icon.icon, shadow: icon.shadow }); bindInfoWindow(marker, map, infoWindow, html); } });
}
function bindInfoWindow(marker, map, infoWindow, html) { google.maps.event.addListener(marker, 'click', function() { infoWindow.setContent(html); infoWindow.open(map, marker); });
}
function downloadUrl(url, callback) { var request = window.ActiveXObject ? new ActiveXObject('Microsoft.XMLHTTP') : new XMLHttpRequest; request.onreadystatechange = function() { if (request.readyState == 4) { request.onreadystatechange = doNothing; callback(request, request.status); } }; request.open('GET', url, true); request.send(null);
}
function doNothing() {}
1 ответ

В строке HTML для информационного окна добавьте параметр onclick который вызывает функцию javascript следующим образом: showDirections(" + address + "," + city + "," + state + "," + ")

Эта ссылка должна помочь вам создать функцию для отображения направлений: https://developers.google.com/maps/documentation/javascript/examples/directions-simple

licensed under cc by-sa 3.0 with attribution.