HTML Google地图HTML5点击获取纬度和经度

HTML Google地图HTML5点击获取纬度和经度

在本文中,我们将介绍如何在HTML中使用Google地图API,并通过点击地图获取特定位置的经度和纬度信息。

阅读更多:HTML 教程

1. 首先,创建Google地图

要在HTML中使用Google地图API,首先需要引入Google Maps JavaScript库。在标签内插入以下代码:

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap" async defer></script>

请将YOUR_API_KEY替换为您自己的Google地图API密钥。如果您还没有API密钥,可以在Google Cloud平台上创建一个新的项目,并为该项目启用Google地图API。

接下来,在标签内创建一个

<

div>元素,用于容纳地图。请确保给

<

div>元素添加一些CSS样式,以便它具有适当的尺寸:

<div id="map" style="width: 100%; height: 400px;"></div>

现在,我们已经准备好创建Google地图了。