要在HTML中嵌入Google地图,可以使用Google Maps API来实现。具体步骤如下:
1.在HTML文件的
标签中插入Google Maps API的链接:<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>
这里的YOUR_API_KEY需要替换为你自己的Google Maps API密钥。
2.在HTML文件的
标签中插入一个<div id="map"></div>
这里的id属性可以自行定义,用于在JavaScript代码中引用。
3.在JavaScript代码中,使用Google Maps API创建地图:
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
center: {lat: YOUR_LATITUDE, lng: YOUR_LONGITUDE},
zoom: YOUR_ZOOM_LEVEL
});
}
这里的YOUR_LATITUDE和YOUR_LONGITUDE需要替换为地图的中心经纬度,YOUR_ZOOM_LEVEL需要替换为地图的缩放级别。
4.最后,在JavaScript代码中调用initMap()函数,即可在页面中显示Google地图:
window.onload = function() {
initMap();
};
至此,你已经成功在HTML中嵌入了Google地图。
关键词高亮:Google Maps API、密钥、