百度地图

地图

1.百度
2.高德
3.腾讯
4.LBS：location Bussiness 基本地理位置的服务开发

AK 获取

1.注册百度账号
2.创建地图应用
3.控制台 应用管理 我的应用

hellow word

1.引用js

< script type=“text/javascript”
src=“https://api.map.baidu.com/api?v=1.0&type=webgl&ak=nqmFbFILBgwTmfKGZMUwH3T5n7qKB79y”>
< /script>

2 .指定html容器

< div id=“container”>

3.初始化

var map = new BMapGL.Map(“container”);
var point = new BMapGL.Point(精度 维度);
// 缩放地图 point为中心,15级缩放
map.centerAndZoom(point, 17);

添加控件

1. var scaleCtrl = new BMapGL.ScaleControl(); // 添加比例尺控件
2. map.addControl(scaleCtrl);
   var zoomCtrl = new BMapGL.ZoomControl(); // 添加缩放控件
   3.map.addControl(zoomCtrl);
   var cityCtrl = new BMapGL.CityListControl(); // 添加城市列表控件
   4.map.addControl(cityCtrl);
   map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放

绘图

1.点 new BmapGL.Marker(point)
2.线 var polyline = new BmapGL.polyline(点的数组 线的参数)
3.面 var polgon = new BmapGL.polgon(点的数组 面的参数)
4.圆 var circle = new BmapGL.Circle(点 米半径 圆的参数)
5.标记 new BMapGL.label(内容，{point 位置 offset new BMapGL.Size(10，-25)})
6.添加叠加 map.addOverlay (点 线 面)
7.移除 map.remveOverlay (点 线 面)

信息窗口

1.选项

var opts = {
width:400 信息窗口宽度
height：300 信息窗口高度
tetle：“奇酷学院” 信息窗口标题
}

2.定义

var infoWindow = new BMapGL.infoWindow(html 内容，opts)

3.打开

map.openlnfoWindov(infoWindow,potint) 开启信息窗口

事件监听

1.map addEventLIstener(“click” e=>e.lnglat)
2.marker.addEventLIstener(“dblclick” e=>e.)