入门案例1

 

 

 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="https://api.map.baidu.com/api?type=webgl&v=1.0&ak=G1LFyjrNGIkns5OfpZnrCGAKxpycPLwb"></script>
<title>地图展示</title>
<style type="text/css">
html,body{
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}

#map {
width: 100%;
height: 100%;
}
/* 隐藏 logo 和 版权信息 */
.anchorBL, .BMap_cpyCtrl{
display: none;
}
</style>
</head>
<body>

<div id="map"> </div>


<script>
var map = new BMapGL.Map('map');
var point = new BMapGL.Point(116.404,39.915);

// 设置 级别
map.centerAndZoom(point,10);
// 设置 滚轮可以 缩小和 放大
map.enableScrollWheelZoom(true);


</script>

</body>
</html>

posted @ 2021-03-31 22:39  13522679763-任国强  阅读(48)  评论(0)    收藏  举报