Подивившись (Googling) в Інтернеті на деякий час, я не можу знайти нічого, що займає таку адресу, як:

1200 Пенсильванія пр. SE, Вашингтон, округ Колумбія, 20003

і перетворює його в інтерактивне посилання:

http://maps.google.com/maps?f=q&source=s_q&hl=uk&q=1200+Pennsylvania+Ave+SE ,+Washington,+District+of+Columbia,+20003&sll=37.0625,-95.677068&sspn=44.118686,114.169922 & тобто = UTF8 & cd = 1 & геокод = FT5MUQIdIDlp-w & split = 0 & ll = 38,882147, -76,99017 & spn = 0,01064,0,027874 & z = 16 & iwloc = A

jQuery або PHP бажано або просто будь-яку корисну інформацію щодо цього.

Як щодо цього?

https://maps.google.com/?q=1200 Pennsylvania Ave SE, Вашингтон, округ Колумбія, 20003

https://maps.google.com/?q=term

Якщо у вас є lat-long, то використовуйте нижче URL-адресу

https://maps.google.com/?ll=latitude,longitude

Приклад: maps.google.com/?ll=38.882147,-76.99017

ОНОВЛЕННЯ

Станом на 2017 рік, Google тепер має офіційний спосіб створити міжплатформові URL-адреси Карт Google:

https://developers.google.com/maps/documentation/urls/guide

Ви можете використовувати такі посилання

https://www.google.com/maps/search/?api=1&query=1200%20Pennsylvania%20Ave%20SE%2C%20Washington%2C%20District%20of%20Columbia%2C%2020003 

Я знаю, що я дуже спізнююся на гру, але подумав, що буду робити внесок заради нащадків.

Я написав коротку функцію jQuery, яка автоматично перетворить будь-які <address>теги у посилання на карти Google.

Дивіться демонстрацію тут.

$(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);
   });
});

Бонус:

Я також натрапив на ситуацію, яка закликала генерувати вбудовані карти за посиланнями, і хоч би поділилася з майбутніми мандрівниками:

Переглянути повну демонстраційну версію

$(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);             
    });
});

Лютий 2016:

Мені потрібно було це зробити на основі введених клієнтом значень бази даних та без генератора lat / long. Google дуже любить лат / довго в ці дні. Ось що я дізнався:

1 Початок посилання виглядає приблизно так: https://www.google.com/maps/place/

2 Потім ви ставите свою адресу:

• Використовуйте +, а не пробіл.
• Поставте коску, спереду та позаду міста.
• Включіть поштову / поштову та провінцію / штат.
• Замініть будь-яку # нічим.
• Замініть будь-який ++ або ++++ на одиночний +

3 Поставте адресу після місця /

4 Потім покладіть косу рису в кінці.

ПРИМІТКА: коса риса в кінці була важливою. Після того, як користувач натискає посилання, Google продовжує і додає більше до URL-адреси, і вони роблять це після цієї косої риски.

Робочий приклад для цього питання:

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

Я сподіваюся, що це допомагає.

Що з цього приводу: http://support.google.com/maps/bin/answer.py?hl=uk&answer=72644

Якщо у вас є широта і довгота, ви можете використовувати будь-яку частину або всю нижню URL-адресу

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

Наприклад: https://www.google.com/maps/@31.839472,54.361167,18z?hl=uk

Запозичуючи рішення Майкла Джаспера та Джона Хендершота, я пропоную наступне:

$('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);
});

Це рішення пропонує наступні переваги перед раніше запропонованими рішеннями:

• Він не видалить теги HTML (наприклад, <br>теги) всередині <address>, тому форматування зберігається
• Він правильно кодує URL-адресу
• Це скорочує додаткові пробіли, щоб згенерована URL-адреса була коротшою та більш чистою та зрозумілою для людей після кодування
• Він створює дійсну розмітку (рішення Mr.Hendershot створює, <a><address></address></a>що є недійсним, оскільки елементи блочного рівня, такі як <address>не дозволяються в елементах вбудованого типу, таких як <a>.

Caveat : Якщо ваш <address>тег містить елементи на рівні блоку, як-от, <p>або <div>, цей код JavaScript видасть недійсну розмітку (оскільки <a>тег буде містити ці елементи рівня блоку). Але якщо ви просто робите такі речі:

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

Тоді це буде добре.

Ось що я знайшов з однієї із статей Google Maps:

1. Відкрийте Карти Google .
2. Переконайтеся, що на карті відображається карта чи зображення перегляду вулиць, які ви хочете вставити.
3. У верхньому лівому куті натисніть головне меню ☰.
4. Клацніть Надіслати або вставити карту .
5. У верхній частині вікна, що з’явиться, виберіть вкладку Вставити карту .
6. Виберіть потрібний розмір, а потім скопіюйте код та вставте його у вихідний код свого веб-сайту чи блогу.

Примітка . Якщо ви використовуєте Карти в режимі Lite , ви не зможете вставити карту. Майте на увазі, що інформація про дорожній рух та інша інформація про Карти можуть бути недоступними на вбудованій карті.

На http://www.labnol.org/internet/tools/short-urls-for-google-maps/6604/ вони показують коротку URL-адресу, яка працює досить добре

URL-адреси Карт Google досить непрості, особливо при надсиланні через чат, твіт чи електронну пошту. MapOf.it надає вам швидкий спосіб зв’язатися з Картами Google, просто вказавши адресу місцезнаходження як параметр пошуку.

http://mapof.it/

Я використовував його для декількох застосованих мною програм, і це працювало як шарм.

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

кодування ур перетворює і додає всі додаткові елементи, як для пробілів і всіх. тож ви можете легко отримати текстовий код площини з db та використовувати його, не турбуючись про спеціальні символи, які потрібно додати

Найкращий спосіб використовувати цей рядок:

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"

Не забудьте замінити першу та другу адреси, коли це необхідно.

Ви можете подивитися зразок роботи

У мене була подібна проблема, коли мені потрібно було виконати це для кожної адреси на сайті (кожна загорнута в тег адреси). Цей біт jQuery працював на мене. Він захопить кожен <address>тег і загорне його у посилання Google Maps з адресою, яку містить тег!

$("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>');

}); 

Приклад роботи -> https://jsfiddle.net/f3kx6mzz/1/

Також усі, хто хоче вручну URLENCODE адресу: http://code.google.com/apis/maps/documentation/webservices/index.html#BuildingURLs

Ви можете використовувати це для створення конкретних правил, що відповідають стандартам GM.

Метод C # Replace зазвичай працює для мене:

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

Я просто знайшов це і люблю поділитися ..

1. шукайте свою адресу на maps.google.com
2. натисніть на значок шестірні в нижньому правому куті
3. натисніть "загальнодоступну або вставити карту"
4. натисніть коротку прапорець URL і вставте результат у href ..