在网上搜索了一段时间后,我找不到任何像这样的地址:
宾夕法尼亚大街东南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&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是首选或者任何有用的信息。
最好的方法是这样说:
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>标签,并将其包装在一个谷歌映射链接中,其中包含标签所包含的地址!
$("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/
借鉴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);
});
与以前提供的解决方案相比,该解决方案具有以下优点:
它不会删除<address>内的HTML标记(例如<br>标记),因此格式被保留
它正确地编码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>
那就没问题了。