Poszukuję opcji wyznaczania trasy w mapach Google. Nie mam na myśli sztywnego wyznaczania trasy, tylko tak jak odbywa się to na http://mapy.google.pl, czyli klikamy prawym przyciskiem myszy na dowolnym miejscu na mapie i wybieramy opcję "Wskazówki dojazdu do tego miejsca". Chodzi mi o bardzo podobne rozwiązanie tylko chcę, aby takie "popup menu" otwarło się po kliknięciu w dany marker(punkt). Przeszukałem sporo "internetów" i nie mogę czegoś takiego znaleźć, a nie interesuje mnie zwykły input do wpisania adresu tylko mniej więcej taki popup.
Dacie radę mi pomóc ?

No i oczywiście troche kodu ode mnie

Kod
var map;
var geocoder = new google.maps.Geocoder();
var popup = new google.maps.InfoWindow();
function add_marker(pos, txt)
{
var marker_opt = {
position: pos,
map: map
}
var marker = new google.maps.Marker(marker_opt);
marker.txt=txt;
google.maps.event.addListener(marker,"click", function() {
popup.setContent(marker.txt);
popup.open(map, marker);
});
return marker;
}
function getLocation(loc, callback)
{
geocoder.geocode({'address': loc}, function(results, status)
{
if(status == google.maps.GeocoderStatus.OK)
{
result = results[0].geometry.location;
callback(results[0].geometry.location);
}
});
}
function initialize()
{
getLocation('Łódź, Polska', function(result) {
var map_opt = {
zoom: 11,
center: result
};
map = new google.maps.Map(document.getElementById('map-canvas'), map_opt);
getLocation('Łódź, Polska', function(result) {
add_marker(result, 'OK!');
});
});
}
google.maps.event.addDomListener(window, 'load', initialize);
var geocoder = new google.maps.Geocoder();
var popup = new google.maps.InfoWindow();
function add_marker(pos, txt)
{
var marker_opt = {
position: pos,
map: map
}
var marker = new google.maps.Marker(marker_opt);
marker.txt=txt;
google.maps.event.addListener(marker,"click", function() {
popup.setContent(marker.txt);
popup.open(map, marker);
});
return marker;
}
function getLocation(loc, callback)
{
geocoder.geocode({'address': loc}, function(results, status)
{
if(status == google.maps.GeocoderStatus.OK)
{
result = results[0].geometry.location;
callback(results[0].geometry.location);
}
});
}
function initialize()
{
getLocation('Łódź, Polska', function(result) {
var map_opt = {
zoom: 11,
center: result
};
map = new google.maps.Map(document.getElementById('map-canvas'), map_opt);
getLocation('Łódź, Polska', function(result) {
add_marker(result, 'OK!');
});
});
}
google.maps.event.addDomListener(window, 'load', initialize);
Gdzie ten oto kod wyświetla zwykły dymek.
Coś takiego:

// Nadal aktualne