html - 如何使用纯 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

您可以像这样向 Google Map发送查询字符串Latitude和：Longitudehref

 <!-- 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演示