Просто хотел стрелку ВВЕРХ.
- personSi8; 22.05.2013
comment
Как я могу творить с помощью широты и долготы?
- personnadeem gc; 06.07.2013
comment
Кажется, что этот метод немного ненадежен, если пользователь использует новые Карты Google. Чтобы создать ссылку, по которой результирующая страница будет отображаться в классическом режиме, просто добавьте &output=classic к своей ссылке. Таким образом, все это будет выглядеть так: http://maps.google.com/?q=1200%20Pennsylvania%20Ave%20SE,%20Washington,%20District%20of%20Columbia,%2020003&output=classic - personMatt; 31.01.2014
comment
@ Мэтт Как это круто? Кроме того, output = classic не останется навсегда, а что, если пользователь предпочитает новые карты?
- personChris B; 07.02.2014
comment
@ChrisB Может быть, это что-то локальное для меня? Приносим извинения, если это так. В Chrome я иногда вижу, что Google Maps перенаправляет и теряет параметр q, не показывая правильное место на карте. В Safari я также видел, как он показывает правильное место на карте, но не опускает булавку правильно. Настройка вывода на классический, похоже, не выявила этих проблем, но я определенно согласен, что это бандаж, а не правильное решение.
- personMatt; 07.02.2014
comment
Есть ли способ добавить значок на карту через URL-адрес?
- personFlea; 05.07.2014
comment
Это по-прежнему отлично работает (спасибо @ChrisB!), Но похоже, что собственный формат Google Maps теперь https://www.google.com/maps/place/1200 Pennsylvania Ave SE, Washington, District of Columbia, 20003 ¶ Для некоторых мест вы можете использовать только имя ... но maps.google.com/?q= и www.google.com/maps/place/ не обязательно будут возвращать те же результаты: https://www.google.com/maps/place/White House расширяется до https://www.google.com/maps/place/The+White+House,+1600+Pennsylvania+Ave+NW,+Washington,+DC+20500, но https://maps.google.com/?q=White House дает мне антикварный магазин в Северной Каролине.
- personhenry; 04.11.2014
@nadeemgc это новый формат https://www.google.com/maps/preview/@<latitude>,<longitude>,<zoom level>z - personBoCyrill; 22.07.2016
comment
Работает очень хорошо, ребята, и новый API довольно гибкий. Я рекомендую прочитать документы API для Google Places, это даст вам большой контроль над гиперссылками, которые вы создаете (в качестве примера), чтобы вы могли отправлять по месту, текстовому поиску, радиусу для ограничения поиска и т. Д., Проверьте документы: developers.google.com/maps/documentation/javascript/places - personTrevor; 13.11.2016
comment
@ChrisB: Будет ли это работать как для Android, так и для iPhone во всех браузерах?
- personVBMali; 21.12.2016
comment
Большое спасибо
- personbhavesh vala; 26.06.2017
comment
Есть ли способ указать время отправления при запросе маршрута?
- personuser2952819; 01.12.2017
@Michael Jasper, спасибо за ваш код ... он получил карту в div ... но моя проблема в том, что информация о контакте появляется во всплывающем окне ... чего я не хочу. так что вы можете рассказать мне, как заранее не открывать окно с информацией о контактах .?????.thnx ...
- personShwet; 17.04.2013
comment
Имейте в виду, что тег HTML5 <address> не предназначен для указания почтового адреса, а для предоставления контактной информации, связанной с содержанием (обычно автора). developer.mozilla.org/en-US/docs/Web/ HTML / элемент / адрес - personNeograph734; 20.07.2015
comment
Отличный ответ! Спасибо, что поделился. Я не уверен в последствиях этого, но он работал даже без encodeURIComponent().
- personmoreirapontocom; 19.08.2017
Мне нужно было сделать это на основе значений, введенных клиентом в базе данных, и без генератора широты и долготы. В наши дни Google очень любит широту и долготу. Вот что я узнал:
Включите почтовый индекс / почтовый индекс и провинцию / штат.
Замени любой # ничем.
Замените любые ++ или ++++ на одиночный +
3 Поместите адрес после места /
4 Затем поставьте косую черту в конце.
ПРИМЕЧАНИЕ: косая черта в конце была важна. После того, как пользователь щелкает ссылку, Google продолжает добавлять к URL-адресу дополнительные данные, и они делают это после этой косой черты.
пока пример работает, мне не удалось воссоздать это для немецкого адреса. В итоге я реализовал ответ Криса Б. (... /? Q = term).
- persongl03; 02.05.2016
comment
К счастью, теперь это работает и для немецких адресов. См .: google.com/maps/place/ - personYannick Schuchmann; 29.11.2016
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 с адресом, который содержит тег!
$("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>');
});
Заимствуя решения Майкла Джаспера и Джона Хендершота, я предлагаю следующее:
$('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 был короче, чище и удобочитаем после кодирования.
Он создает допустимую разметку (решение мистера Хендершота создает <a><address></address></a>, что недопустимо, потому что элементы уровня блока, такие как <address>, не разрешены внутри встроенных элементов, таких как <a>.
Предостережение: если ваш тег <address> содержит элементы уровня блока, такие как <p> или <div>, этот код JavaScript будет создавать недопустимую разметку (поскольку тег <a> будет содержать эти элементы уровня блока). Но если вы просто делаете что-то вроде этого:
<address>
The White House
<br>
1600 Pennsylvania Ave NW
<br>
Washington, D.C. 20500
</address>
Тогда все будет нормально.
person7over21schedule10.09.2015
comment
Я использовал ваше решение в своем проекте, просто настроив ваш код под свои нужды. Пока работает.
- personMycodingproject; 15.12.2019
Убедитесь, что карта или изображение просмотра улиц, которое вы хотите встроить, отображаются на карте.
В верхнем левом углу щелкните главное меню ☰.
Нажмите Поделиться или встроить карту.
В верхней части появившегося окна выберите вкладку Встроить карту.
Выберите нужный размер, затем скопируйте код и вставьте его в исходный код своего веб-сайта или блога.
Примечание. Если вы используете Карты в упрощенном режиме , вы не сможете встроить карту. Имейте в виду, что информация о пробках и некоторые другие данные Карт могут быть недоступны на встроенной карте.
personPCMschedule15.09.2015
comment
Меня устраивает. Скопируйте этот встроенный код и вставьте на свой сайт.
- personKabir Hossain; 22.10.2016
URL-адреса Google Maps довольно громоздки, особенно при отправке через мгновенное сообщение, твит или электронную почту. MapOf.it предоставляет вам быстрый способ связи с Google Maps, просто указав адрес местоположения в качестве параметра поиска.
кодирует ur conver и добавляет все дополнительные элементы, такие как пробелы и все такое. так что вы можете легко получить текстовый код плоскости из базы данных и использовать его, не беспокоясь о добавляемых специальных символах
persondhpratikschedule08.01.2013
comment
encodeURIComponent - это javascript, вы должны использовать urlencode ($ address);
- personximi; 05.02.2013