如何将地址转换为Google Maps链接（NOT MAP）

在网上查找（谷歌search）一段时间后，我不能find像这样的地址：

华盛顿哥伦比亚特区，宾夕法尼亚大道1200号，20003

并将其转换为可点击的链接：

http://maps.google.com/maps?f=q&source=s_q&hl=en&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＆分裂= 0＆LL = 38.882147，-76.99017＆SPN = 0.01064,0.027874＆Z = 16＆iwloc = A

jQuery或PHP首选或只是​​任何有用的信息。

Answer 1

这个怎么样？

https://maps.google.com/?q=1200宾夕法尼亚大道东南，华盛顿哥伦比亚特区，20003

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

如果你有经纬度，那么使用下面的URL

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

例如： maps.google.com/?ll=38.882147,-76.99017

UPDATE

截至2017年，Google现在有一种官方方式来创build跨平台的Google地图url：

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

Answer 2

我知道我在比赛中已经很晚了，但是我认为我会为了后代而献出自己的力量。

我写了一个简短的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); }); }); 

奖金：

我也遇到了一个需要从链接生成embedded式地图的情况，虽然我会与未来的旅客分享：

查看完整的演示

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

Answer 3

2016年2月：

我需要根据客户端input的数据库值，并没有一个纬度/经度发生器做到这一点。 谷歌真的很喜欢经纬度这些天。 这是我学到的东西：

1链接的开始部分如下所示： https ： //www.google.com/maps/place/

2然后你把你的地址：

• 使用+而不是任何空间。
• 把一个逗号，在城市的前面和后面。
• 包括邮政/邮政和省/州。
• 用任何东西来replace＃。
• 用单一的+replace任何++或++++

3把地址放在地址/

4然后在最后放一个斜线。

注意：最后的斜线很重要。 用户点击该链接后，Google继续前进，并附加更多的URL，他们在这个斜杠后。

这个问题的工作示例：

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

我希望有帮助。

Answer 4

这个怎么样： http : //support.google.com/maps/bin/answer.py?hl=zh_CN&answer=72644

Answer 5

在http://www.labnol.org/internet/tools/short-urls-for-google-maps/6604/他们显示一个简短的url，工作得很好;

Google地图url相当笨拙，特别是通过即时消息，推特或电子邮件发送时。 MapOf.it为您提供了一种快速链接到Google地图的方法，只需指定地址作为search参数即可。

http://mapof.it/

我用它为我devise的一些应用程序，它像一个魅力。

Answer 6

此外，任何人都想手动URLENCODE的地址： http : //code.google.com/apis/maps/documentation/webservices/index.html#BuildingURLs

您可以使用它来创build符合GM标准的特定规则。

Answer 7

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

编码器会转换并添加所有额外的元素，如空格和全部。 所以你可以很容易地从数据库中获取平面文本代码，并使用它，而不用担心要添加的特殊字符

Answer 8

最好的方法是使用这一行：

 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" 

请记住在必要时replace第一个和第二个地址。

你可以看看工作样本

Answer 9

我有一个类似的问题，我需要完成这个网站上的每个地址（每个地址标签）。 这一点的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>'); }); 

工作示例 – > https://jsfiddle.net/f3kx6mzz/1/

Answer 10

这是我从一个Google地图文章中find的：

1. 打开Google地图 。
2. 确保您要embedded的地图或街景图像显示在地图上。
3. 在左上angular，点击主菜单☰。
4. 点击分享或embedded地图 。
5. 在出现的框的顶部，select“ embedded地图”标签。
6. select你想要的大小，然后复制代码并粘贴到你的网站或博客的源代码。

注意 ：如果您在精简模式下使用地图，则无法embedded地图。 请记住，交通信息和其他一些地图信息可能在embedded式地图中不可用。

Answer 11

C＃replace方法通常适用于我：

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

Answer 12

我只是发现这个，喜欢分享..

1. 在maps.google.com上search您的地址
2. 点击右下方的齿轮图标
3. 点击“共享或embedded地图”
4. 点击短urlcheckbox并将结果粘贴到href中。

Answer 13

借鉴Michael Jasper和Jon Hendershot的解决scheme，我提供了以下内容：

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

该解决scheme比以前提供的解决scheme具有以下优点：

• 它不会删除<address>中的HTML标签（例如<br>标签），因此格式保留
• 它正确编码的URL
• 它压缩多余的空格，以便生成的URL在编码后更短，更清晰，更易于阅读
• 它产生有效的标记（Mr.Hendershot的解决scheme创build<a><address></address></a> ，这是无效的，因为像<address>这样的块级元素在内联元素（如<a>是不允许的。

警告 ：如果<address>标签包含块级元素（如<p>或<div> ，则此JavaScript代码将产生无效标记（因为<a>标记将包含这些块级元素）。 但是如果你只是在做这样的事情：

 <address> The White House <br> 1600 Pennsylvania Ave NW <br> Washington, DC 20500 </address> 

那么它会工作得很好。

Answer 14

有了这个地图工具，你可以input一个地址，点击查找button，放大，为自己做笔记或者让其他人阅读，并获得一个到地图的短链接，你可以通过电子邮件或短信给其他人。

这里是我用你给的地址制作的地图： http : //www.sooeet.com/ses06468

地图工具在这里： http : //www.sooeet.com/maps/place-marker-map.php

它做你想做的一切，你也可以获得经度和纬度。

Answer 15

使用www.linkonmap.com快速获得一个全面的链接到任何世界的位置。 您的经纬度位置： http : //LinkOnMap.com/2.html?ll=38.8823887,-76.99021119999998