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

问题描述 投票：268回答：14

在网络上查看（谷歌搜索）一段时间后，我发现没有任何地址像：

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首选或只有任何有用的信息。

google-maps hyperlink google-maps-urls
14个回答
639
投票

这个怎么样？

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

UPDATE

截至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
投票

借用Michael Jasper和Jon Hendershot的解决方案，我提供以下内容：

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

与以前提供的解决方案相比，此解决方案具有以

  • 它不会删除<br>中的HTML标记（例如<address>标记），因此格式保留
  • 它正确编码URL
  • 它会占用额外的空间，以便生成的URL在编码后更短，更清晰，人性化
  • 它产生有效的标记（Mr.Hendershot的解决方案创建<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>

然后它会工作得很好。

1
投票

如果您有纬度和经度，则可以使用以下URL的任何部分或全部

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

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

0
投票

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

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

0
投票

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

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

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

  1. 在maps.google.com上搜索您的地址
  2. 点击右下方的齿轮图标
  3. 点击“分享或嵌入地图”
  4. 单击短URL复选框并将结果粘贴到href ..
66
投票

我知道我这场比赛已经很晚了，但我认为我会为后人做出贡献。

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

Bonus:

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

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);             
    });
});
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
投票

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

2
投票

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

  1. 打开Google Maps。
  2. 确保您要嵌入的地图或街景图像显示在地图上。
  3. 在左上角，单击主菜单☰。
  4. 单击“共享”或“嵌入地图”。
  5. 在显示的框的顶部，选择“嵌入地图”选项卡。
  6. 选择所需的大小，然后复制代码并将其粘贴到您的网站或博客的源代码中。

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

enter image description here

1
投票

在http://www.labnol.org/internet/tools/short-urls-for-google-maps/6604/上，他们显示了一个非常好的短网址

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

http://mapof.it/

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

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

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

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

1
投票

我有一个类似的问题，我需要为网站上的每个地址完成此操作（每个地址都包含在地址标记中）。这个jQuery对我有用。它会抓取每个<address>标签并将其包装在谷歌地图链接中，标签包含的地址包含！

$("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/

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.