Маркер Google Maps: нужен параметр для "Проложить маршрут"

Question

Скорее прямой вопрос.

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

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

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

Также, отвечая, относитесь ко мне как к человеку, который знает только основы того, что требовалось сделать до сих пор. Спасибо!

РЕДАКТИРОВАТЬ *

Я отредактировал его так, что, когда они нажимают на ссылку "Указания", она берет команду поиска по карте 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>' +
      '</a><br/><br/>' + address +
      '<br>' + city + ' ' + state + ' ' + zip +
      '<br/>' + phone + 
      '<hr style="border: none; height: 1px; color: blue; background: grey;"/>' +
      '<a href="https://maps.google.com/maps?q='+ address + ' ' + city + ' ' + state + ' ' + zip + '" target="blank"><u>Directions</u></a> ' + ' <a href="#"><u>Write a Review</u></a> ' + ' <a href="#"><u>more</u></a>' +
      '<hr style="border: none; height: 1px; color: blue; background: grey;"/>' +
      '<?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() {}

Answer 1

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

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