为我写一个html代码的地图页面,该地图能获取我当前的位置,并显示我周边的停车场。地图要百度地图
时间: 2023-05-16 13:06:03 浏览: 66
非常感谢您的提问!以下是一个简单的 HTML 代码示例,可以获取您当前的位置,并显示您周围的停车场:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>停车场地图</title>
<script src="http://api.map.baidu.com/api?v=2.0&ak=您的百度地图API密钥"></script>
<style>
#map {
width: 100%;
height: 500px;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
var map = new BMap.Map("map");
var point = new BMap.Point(0, 0); // 默认位置
var geolocation = new BMap.Geolocation();
geolocation.getCurrentPosition(function(r){
if(this.getStatus() == BMAP_STATUS_SUCCESS){
point = r.point; // 获取当前位置
map.centerAndZoom(point, 15); // 地图居中并缩放
var local = new BMap.LocalSearch(map, {
renderOptions:{map: map}
});
local.searchNearby("停车场", point, 500); // 搜索周边停车场
}
else {
alert('定位失败:' + this.getStatus());
}
},{enableHighAccuracy: true})
</script>
</body>
</html>
请将 "您的百度地图API密钥" 替换为您自己的百度地图 API 密钥。此代码使用百度地图 JavaScript API 实现,可以在地图上显示您当前位置附近的停车场。