在网络上查看(谷歌搜索)一段时间之后,我找不到任何需要地址的内容:
1200 Pennsylvania Ave SE, 华盛顿,哥伦比亚特区,20003
并将其转换为可点击的链接:
jQuery或PHP首选或仅有关于此的任何有用信息。
答案 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地图链接。
$(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?&q="+ encodeURIComponent( $(this).text() ) +"&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地图文章中找到的内容:
- 打开Google Maps。
- 确保您要嵌入的地图或街景图像显示在地图上。
- 点击左上角的主菜单☰。
- 点击共享或嵌入地图。
- 在显示的框顶部,选择嵌入地图标签。
- 选择您想要的尺寸,然后复制代码并将其粘贴到您网站或博客的源代码中。
醇>注意:如果您在Lite mode中使用地图,则无法嵌入地图。 请注意,嵌入式地图中可能无法提供交通信息和其他一些地图信息。
答案 5 :(得分:1)
在http://www.labnol.org/internet/tools/short-urls-for-google-maps/6604/上,他们会显示一个效果很好的短网址
Google地图网址非常笨拙,特别是在通过即时消息,推文或电子邮件发送时。只需将位置地址指定为搜索参数,MapOf.it即可为您提供链接到Google地图的快捷方式。
我将它用于我设计的一些应用程序,它就像一个魅力。
答案 6 :(得分:1)
最好的方法是使用这一行:
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"
请务必在必要时更换第一个和第二个地址。
答案 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)
我刚发现这个并且喜欢分享..