wiem, że jestem bardzo spóźniony na mecz, ale pomyślałem, że pomogę dla potomności.

Napisałem krótką funkcję jQuery, która automatycznie zamieni dowolne Tagi <address> w linki Google maps.

Zobacz demo tutaj.

$(document).ready(function () {
   //Convert address tags to google map links - Michael Jasper 2012
   $('address').each(function () {
      var link = "<a href='http://maps.google.com/maps?q=" + encodeURIComponent( $(this).text() ) + "' target='_blank'>" + $(this).text() + "</a>";
      $(this).html(link);
   });
});

Bonus:

Zobacz pełne demo

$(document).ready(function(){
    $("address").each(function(){                         
        var embed ="<iframe width='425' height='350' frameborder='0' scrolling='no'  marginheight='0' marginwidth='0' src='https://maps.google.com/maps?&amp;q="+ encodeURIComponent( $(this).text() ) +"&amp;output=embed'></iframe>";
        $(this).html(embed);             
    });
});

Luty, 2016:

Musiałem to zrobić na podstawie wprowadzonych przez Klienta wartości bazy danych i bez generatora lat / long. Google naprawdę lubi lat / long te dni. Oto czego się nauczyłem:

1 Początek linku wygląda tak: https://www.google.com/maps/place/

2 Następnie wpisujesz swój adres:

• użyj + zamiast spacji.
• umieść przecinek, przed i za miastem.
• Dołącz postal/zip i Prowincja/stan.
• Zastąp dowolny # niczym.
• Zamień dowolny ++ lub + + + + na pojedynczy +

3 Podaj adres po miejscu /

4 Potem ukośnik na końcu.

Uwaga: ukośnik na końcu był ważny. Po kliknięciu przez użytkownika łącza, Google idzie do przodu i dodaje więcej do adresu URL i robią to po tym ukośniku.

Przykład pracy dla tego pytanie:

Https://www.google.ca/maps/place/1200 + Pennsylvania+Ave + SE,+Washington, + DC+20003/

Mam nadzieję, że to pomoże.

Co z tym : http://support.google.com/maps/bin/answer.py?hl=en&answer=72644

Miałem podobny problem, w którym musiałem to osiągnąć dla każdego adresu na stronie (każdy zawinięty w znacznik adresu). Ten kawałek jQuery zadziałał. Chwyci każdy znacznik <address> i zawinie go w link Google maps z adresem, który zawiera znacznik!

$("address").each(function(){

    var address = $(this).text().replace(/\,/g, '');
    var url = address.replace(/\ /g, '%20');

    $(this).wrap('<a href="http://maps.google.com/maps?q=' + url +'"></a>');

}); 

Przykład roboczy -- > https://jsfiddle.net/f3kx6mzz/1/

Zapożyczenie z rozwiązań Michaela Jaspera i Jona Hendershota, oferuję:

$('address').each(function() {
    var text = $(this).text();

    var q    = $.trim(text).replace(/\r?\n/, ',').replace(/\s+/g, ' ');
    var link = '<a href="http://maps.google.com/maps?q=' + encodeURIComponent(q) + '" target="_blank"></a>';

    return $(this).wrapInner(link);
});

To rozwiązanie oferuje następujące korzyści w stosunku do rozwiązań wcześniej oferowanych:

• nie usunie znaczników HTML (np. znaczników <br>) wewnątrz <address>, więc formatowanie jest zachowane
• poprawnie koduje URL
• wycisza dodatkowe spacje, dzięki czemu wygenerowany adres URL jest krótszy, czystszy i czytelny dla człowieka po zakodowaniu
• tworzy poprawne znaczniki (Rozwiązanie Pana Hendershota tworzy <a><address></address></a>, co jest nieprawidłowe, ponieważ elementy na poziomie bloków, takie jak <address>, nie są dozwolone w elementach wbudowanych, takich jak <a>.

Zastrzeżenie: jeśli twój znacznik <address> zawiera elementy blokowe, takie jak <p> lub <div>, to ten kod JavaScript wyświetli się w nieprawidłowym znaczniku (ponieważ znacznik <a> będzie zawierał te elementy blokowe). Ale jeśli robisz takie rzeczy:

<address>
  The White House
  <br>
  1600 Pennsylvania Ave NW
  <br>
  Washington, D.C.  20500
</address>

Oto co znalazłem z jednego z artykułów Google Maps:

1. Otwórz Google Maps .
2. Upewnij się, że mapa lub obraz Street View, który chcesz osadzić, pojawi się na mapie.
3. w lewym górnym rogu kliknij Menu główne ☰.
4. Kliknij Udostępnij lub umieść mapę.
5. u góry wyświetlonego pola wybierz zakładkę Embed map.
6. Wybierz żądany rozmiar, a następnie skopiuj kod i wklej go do kodu źródłowego Twojej strony lub bloga.

Uwaga: Jeśli używasz Map w trybie Lite , nie będziesz mógł osadzić mapy. Należy pamiętać, że informacje o ruchu drogowym i inne informacje o mapach mogą nie być dostępne na osadzonej mapie.

Jeśli masz szerokość i długość geograficzną, możesz użyć dowolnej części lub całości poniżej URL

https://www.google.com/maps/@LATITUDE,LONGITUDE,ZOOMNUMBERz?hl=LANGUAGE

Na przykład: https://www.google.com/maps/@31.839472, 54.361167, 18 z?hl=en

On http://www.labnol.org/internet/tools/short-urls-for-google-maps/6604 / pokazują krótki adres URL, który działa całkiem dobrze

Adresy URL Google Maps są dość nieporęczne, zwłaszcza podczas wysyłania przez komunikator internetowy, tweet lub e-mail. MapOf.it zapewnia szybki sposób na link do Google Maps, po prostu określając adres lokalizacji jako parametr wyszukiwania.

Http://mapof.it/

Użyłem go do kilku aplikacji, które zaprojektowałem i działało jak urok.

http://maps.google.com/maps?q=<?php echo urlencode($address); ?> 

Konwerter encode ur i dodaje wszystkie dodatkowe elementy, takie jak spacje i wszystko. dzięki temu u można łatwo pobrać tekst samolotu z db i używać go bez obawy o znaki specjalne, które mają być dodane

Najlepszym sposobem jest użycie tej linii:

var mapUrl = "http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=16900+North+Bay+Road,+Sunny+Isles+Beach,+FL+33160&aq=0&sll=37.0625,-95.677068&sspn=61.282355,146.513672&ie=UTF8&hq=&hnear=16900+North+Bay+Road,+Sunny+Isles+Beach,+FL+33160&spn=0.01628,0.025663&z=14&iwloc=A&output=embed"

Pamiętaj, aby w razie potrzeby zastąpić pierwszy i drugi adres.

Możesz spojrzeć na próbkę pracy

Również, każdy, kto chce ręcznie URLENCODE adres: http://code.google.com/apis/maps/documentation/webservices/index.html#BuildingURLs

Możesz go użyć do stworzenia określonych reguł spełniających standardy GM.

Metoda C# Replace zwykle działa dla mnie:

foo = "http://maps.google.com/?q=" + address.Text.Replace(" ","+");

Właśnie to znalazłem i lubię się dzielić..

1. wyszukaj swój adres w maps.google.com
2. Kliknij ikonę koła zębatego w prawym dolnym rogu
3. Kliknij "udostępniona lub osadzona Mapa"
4. Kliknij pole wyboru krótki adres url i wklej wynik w href..