如何使用普通的HTML打开谷歌地图

Question

我想要的只是简单但我无法找到解决方案。基本上，我有一个使用ul li标签显示的图像列表。当用户点击其中一个项目时，我希望浏览器打开一个新的标签页或窗口，并传递某个邮政编码以显示在Google地图网站上。我怎样才能做到这一点。我已经阅读了Google Map API，但我认为这对我想要的内容来说太多了。

这是我的代码示例：

<ul>
   <li><a href=""><img src="image1.jpg" id="SE325JP"></a></li>
   <li><a href=""><img src="image1.jpg" id="NP125JL"></a></li>
</ul>

Answer 1

您只需向Latitude中的Longitude发送href和 <!-- https://maps.google.com/?q=<lat>,<lng> --> <a href="https://maps.google.com/?q=46.860191,3.779297"> <img src="PATH TO YOUR IMAGE"/> </a> 的查询字符串即可：

address

或发送<!-- https://maps.google.com/?q=<address> --> <a href="https://maps.google.com/?q=58250 Montaron, France"> <img src="PATH TO YOUR IMAGE"/> </a> ：

&t=m

您可以在发送查询时设置许多参数。例如，如果您在href链接的末尾添加<!-- https://maps.google.com/?q=<address> --> <a href="https://maps.google.com/?q=58250 Montaron, France&t=m"> <img src="PATH TO YOUR IMAGE"/> </a> ，则会显示法线贴图而不是卫星贴图。像这样：

{{1}}

有关参数的完整列表，请参阅Everything You Never Wanted to Know About Google Maps' Parameters或Google Maps Query String Parameters。

参见jsFiddle演示