如何将地址转换为Google Maps Link(NOT MAP)

时间:2009-08-19 15:42:29

标签: google-maps hyperlink google-maps-urls

在网络上查看(谷歌搜索)一段时间之后,我找不到任何需要地址的内容:

1200 Pennsylvania Ave SE, 华盛顿,哥伦比亚特区,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&ie=UTF8&cd=1&geocode=FT5MUQIdIDlp-w&split=0&ll=38.882147,-76.99017&spn=0.01064,0.027874&z=16&iwloc=A

jQuery或PHP首选或仅有关于此的任何有用信息。

13 个答案:

答案 0 :(得分:630)

这个怎么样?

https://maps.google.com/?q=1200 Pennsylvania Ave SE, Washington, District of Columbia, 20003

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

如果您有lat-long,请使用以下网址

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

示例:maps.google.com/?ll=38.882147,-76.99017

<强>更新

截至2017年,Google现在可以通过官方方式创建跨平台的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 

答案 1 :(得分:65)

我知道我在游戏中已经很晚了,但我认为我会为后人做出贡献。

我写了一个简短的jQuery函数,它会自动将任何<address>标签转换为Google地图链接。

See a demo here.

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

加成:

我还遇到了一种情况,要求从链接生成嵌入式地图,虽然我会与未来的旅行者分享:

View a full 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);             
    });
});

答案 2 :(得分:10)

2016年2月:

我需要根据客户输入的数据库值并且没有lat / long生成器来执行此操作。谷歌这些天真的很喜欢拉/长。这是我学到的:

<强> 1 链接的开头如下所示: https://www.google.com/maps/place/

<强> 2 然后你把你的地址:

  • 使用+代替任何空格。
  • 在城市的前后放一个逗号。
  • 包括邮政/邮政和省/州。
  • 无任何替换#。
  • 将任何++或++++替换为单+

第3 将地址放在地点/

之后

<强> 4 然后在最后放一个斜线。

注意:最后的斜线非常重要。用户点击该链接后,Google会继续向网址添加更多内容,并在此斜杠后执行此操作。

此问题的工作示例:

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

我希望有所帮助。

答案 3 :(得分:3)

答案 4 :(得分:2)

这是我在其中一篇Google地图文章中找到的内容:

  
      
  1. 打开Google Maps
  2.   
  3. 确保您要嵌入的地图或街景图像显示在地图上。
  4.   
  5. 点击左上角的主菜单☰。
  6.   
  7. 点击共享或嵌入地图
  8.   
  9. 在显示的框顶部,选择嵌入地图标签。
  10.   
  11. 选择您想要的尺寸,然后复制代码并将其粘贴到您网站或博客的源代码中。
  12.         

    注意:如果您在Lite mode中使用地图,则无法嵌入地图。   请注意,嵌入式地图中可能无法提供交通信息和其他一些地图信息。

enter image description here

答案 5 :(得分:1)

http://www.labnol.org/internet/tools/short-urls-for-google-maps/6604/上,他们会显示一个效果很好的短网址

Google地图网址非常笨拙,特别是在通过即时消息,推文或电子邮件发送时。只需将位置地址指定为搜索参数,MapOf.it即可为您提供链接到Google地图的快捷方式。

http://mapof.it/

我将它用于我设计的一些应用程序,它就像一个魅力。

答案 6 :(得分:1)

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

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

请务必在必要时更换第一个和第二个地址。

You can look at work sample

答案 7 :(得分:1)

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

编码你转换并添加所有额外的元素,如空格和所有。所以你可以轻松地从db中获取平面文本代码并使用它而不必担心要添加的特殊字符

答案 8 :(得分:1)

我有一个类似的问题,我需要为网站上的每个地址完成此操作(每个地址都包含在地址标记中)。这个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>');

}); 

工作示例 - &gt; https://jsfiddle.net/f3kx6mzz/1/

答案 9 :(得分:1)

如果您具有经度和纬度,则可以使用以下部分或全部URL

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

例如: https://www.google.com/maps/@31.839472,54.361167,18z?hl=en

答案 10 :(得分:0)

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

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

答案 11 :(得分:0)

C#Replace方法通常适用于我:

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

答案 12 :(得分:0)

我刚发现这个并且喜欢分享..

  1. 在maps.google.com
  2. 中搜索您的地址
  3. 点击右下方的齿轮图标
  4. 点击“分享或嵌入地图”
  5. 点击短网址复选框,然后将结果粘贴到href ..