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地图了。
在
极客教程