在网路上搜寻(Google搜寻)一段时间后,我找不到任何需要以下网址的地址:
哥伦比亚特区华盛顿市,宾夕法尼亚大道1200号,20003
并将其转换为可点击的链接:
首选jQuery或PHP或仅此方面的任何有用信息。
在网路上搜寻(Google搜寻)一段时间后,我找不到任何需要以下网址的地址:
哥伦比亚特区华盛顿市,宾夕法尼亚大道1200号,20003
并将其转换为可点击的链接:
首选jQuery或PHP或仅此方面的任何有用信息。
Answers:
这个怎么样?
https://maps.google.com/?q=1200 Pennsylvania Ave SE,华盛顿哥伦比亚特区,20003
https://maps.google.com/?q=term
如果您有经纬度,请使用以下网址
https://maps.google.com/?ll=latitude,longitude
示例:maps.google.com/?ll = 38.882147,-76.99017
更新
截至2017年,Google现在拥有创建跨平台Google Maps 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
&output=classic
到链接即可。因此整个事情看起来像这样:http://maps.google.com/?q=1200%20Pennsylvania%20Ave%20SE,%20Washington,%20District%20of%20Columbia,%2020003&output=classic
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
给我在北卡罗莱纳州的一家古董店
我知道我已经很晚了,但我想为后代做出贡献。
我写了一个简短的jQuery函数,它将所有<address>
标签自动转换为Google Maps链接。
$(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);
});
});
<address>
标签并不是用于提供邮政地址,而是用于提供与内容相关的联系信息(通常是作者)。developer.mozilla.org/zh-CN/docs/Web/HTML/Element/address
encodeURIComponent()
。
2016年2月:
我需要根据客户端输入的数据库值来执行此操作,而无需使用经纬度生成器。这些天,Google非常喜欢经/纬度。这是我学到的:
1 链接的开头看起来像这样:https : //www.google.com/maps/place/
2 然后您输入您的地址:
3 将地址放在地点/之后
4 然后在最后加上一个斜线。
注意:最后的斜杠很重要。用户单击链接后,Google会继续向该URL附加更多内容,并在此斜杠后添加该链接。
此问题的工作示例:
https://www.google.ca/maps/place/1200+宾夕法尼亚州+ Ave + SE,+华盛顿,+ DC + 20003 /
希望对您有所帮助。
如果您具有经度和纬度,则可以使用以下部分或全部网址
https://www.google.com/maps/@LATITUDE,LONGITUDE,ZOOMNUMBERz?hl=LANGUAGE
例如:https : //www.google.com/maps/@31.839472,54.361167,18z?hl=zh-CN
我借鉴了迈克尔·贾斯珀(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>
标签)<address>
,因此保留格式<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>
这样就可以了。
在http://www.labnol.org/internet/tools/short-urls-for-google-maps/6604/上,它们显示的短网址效果很好
Google Maps URL非常笨拙,尤其是在通过IM,tweet或电子邮件发送时。通过MapOf.it,您只需指定位置地址作为搜索参数,即可快速链接到Google Maps。
我将其用于我设计的一些应用程序,它的工作原理就像一个魅力。
最好的方法是使用以下行:
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 maps链接中!
$("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>');
});
encodeURIComponent
代替代替手动尝试对字符串进行URL转义。
此外,任何想手动对地址进行网址编码的人:http : //code.google.com/apis/maps/documentation/webservices/index.html#BuildingURLs
您可以使用它来创建符合GM标准的特定规则。