36 lines
1.1 KiB
HTML
36 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<script async src="https://api.map.baidu.com/api?v=2.0&ak=cClgLBaLgGUdQDilX9dGvieL"></script>
|
|
<script src="https://api.map.baidu.com/api?type=webgl&v=2.0&ak=cClgLBaLgGUdQDilX9dGvieL"></script>
|
|
<script type="text/javascript" src="//api.map.baidu.com/library/TrackAnimation/src/TrackAnimation_min.js"></script>
|
|
<title>百度地图</title>
|
|
<style>
|
|
#map-container {
|
|
width: 100vw;
|
|
height: 100vh;
|
|
}
|
|
|
|
/** 去除百度地图的水印和logo */
|
|
.BMap_cpyCtrl,
|
|
.anchorBL {
|
|
display: none;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="map-container"></div>
|
|
|
|
<script>
|
|
const map = new BMapGL.Map('map-container') // 创建地图实例
|
|
let point = new BMapGL.Point(117.13805, 31.8734) // 创建点坐标
|
|
map.centerAndZoom(point, 12) // 初始化地图，设置中心点坐标和地图级别
|
|
map.enableScrollWheelZoom(true) // 启用滚轮放大缩小
|
|
</script>
|
|
</body>
|
|
|
|
</html> |