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