在网上搜索了一段时间后，我找不到任何像这样的地址:
宾夕法尼亚大街东南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是首选或者任何有用的信息。
当前回答
http://maps.google.com/maps?q=<?php echo urlencode($address); ?>
encode ur conver并添加所有额外的元素，如for空格和all。所以你可以很容易地从db中获取平面文本代码并使用它，而不用担心要添加的特殊字符
其他回答
借鉴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>
那就没问题了。
我知道我来得太晚了，但我想为了子孙后代，我应该有所贡献。
我写了一个简短的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);
});
});
c#的Replace方法通常适用于我:
foo = "http://maps.google.com/?q=" + address.Text.Replace(" ","+");
如果你有纬度和经度，你可以使用波纹URL的任何部分或全部
https://www.google.com/maps/@LATITUDE,LONGITUDE,ZOOMNUMBERz?hl=LANGUAGE
例如: https://www.google.com/maps/@31.839472,54.361167,18z?hl=en
另外，任何想要手动URLENCODE地址的人:http://code.google.com/apis/maps/documentation/webservices/index.html#BuildingURLs
您可以使用它来创建满足GM标准的特定规则。
