百度地图｜ 8月更文挑战百度地图学习，现在地图在我们日常生活中虽糊可见，学习地图，我们可以更好的紧跟技术，可视化的地图，

百度地图的调用

调用百度地图前需要完成的步骤

申请百度账号

申请密钥（AK）

点击获取密钥，然后点创建应用具体api文档请点击百度地图JavaScript API 查看接下来我们就看看具体的调用吧

<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=密钥"></script>
<body>
    <div id="container"></div> 
    <script>
        var map = new BMapGL.Map("container"); 
        var point = new BMapGL.Point(116.404, 39.915);
        map.centerAndZoom(point, 15); 
        map.enableScrollWheelZoom(true)
    </script>
</body>
</html>

首先我们要实行new 一个实例出来初始化地图，然后设置中心点（以什么点为中心展示）
map.centerAndZoom(point, 15）方法创建地图，第一个参数可以是根据之前创建好的一个点为中心，创建出地图
map.centerAndZoom第二个参数是地图缩放级别，最大为19，最小为0
map.enableScrollWheelZoom(true) 开启鼠标滚轮缩放

上面只是一个简简单单的使用啦，让我们慢慢的来挖掘这里面的奥秘吧

拖拽地图

map.disableDragging(); //禁止拖拽

移动地图，设置地图最大最小的缩放级别

var map = new BMap.Map("allmap",{minZoom:4,maxZoom:8}); // 创建Map实例,设置地图允许的最小/大级别
当然也可以动态设置级别：

map.setMaxZoom(10); map.setMinZoom(2);

map.setMapType方法用于改变要显示的地图类型 (地图类型，默认为BMAP_NORMAL_MAP)

BMAP_NORMAL_MAP 此地图类型展示普通街道视图
BMAP_SATELLITE_MAP 此地图类型展示卫星视图
BMAP_HYBRID_MAP | 此地图类型展示卫星和路网的混合视图 map.setMapType(BMAP_EARTH_MAP);

地图添加控件的时候可以设置地图放在四个角中的哪个角

BMAP_ANCHOR_TOP_LEFT 表示控件定位于地图的左上角。
BMAP_ANCHOR_TOP_RIGHT 表示控件定位于地图的右上角。
BMAP_ANCHOR_BOTTOM_LEFT 表示控件定位于地图的左下角。
BMAP_ANCHOR_BOTTOM_RIGHT 表示控件定位于地图的右下角。

var opts = {
            anchor: BMAP_ANCHOR_BOTTOM_LEFT,
            offset: new BMapGL.Size(100, 0)  // 设置为左下角，并且距离左边100 像素
           }