如何使用纯html打开google地图

如何使用纯html打开google地图,html,google-maps,Html,Google Maps,我想要的只是简单,却找不到解决办法。基本上,我有一个使用ulli标签显示的图像列表。当用户单击其中一个项目时,我希望浏览器打开一个新的选项卡或窗口,并传递要在Google Maps站点上显示的特定邮政编码。我怎样才能做到这一点。我读过谷歌地图API,但我觉得这对我来说太过分了 以下是我的代码示例: <ul> <li><a href=""><img src="image1.jpg" id="SE325JP"></a></li&

我想要的只是简单,却找不到解决办法。基本上,我有一个使用
ulli
标签显示的图像列表。当用户单击其中一个项目时,我希望浏览器打开一个新的选项卡或窗口,并传递要在Google Maps站点上显示的特定邮政编码。我怎样才能做到这一点。我读过谷歌地图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>

您只需向
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>
在发送查询时,可以设置许多参数。例如,如果在
href
链接的末尾添加
&t=m
,将显示普通地图而不是卫星地图。像这样:

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

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