如何使用普通的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>

有关参数的完整列表,请参阅您从未想知道的关于Google地图参数或Google地图查询字符串参数的所有内容.

见jsFiddle演示