在网上搜索了一段时间后,我找不到任何像这样的地址:
宾夕法尼亚大街东南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是首选或者任何有用的信息。
我知道我来得太晚了,但我想为了子孙后代,我应该有所贡献。
我写了一个简短的jQuery函数,将自动将任何<地址>标记转换为谷歌地图链接。
点击这里查看演示。
$(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);
});
});