百度地图的基本知识与使用

一、解释

       LBS: LocationBusinessServer基于定义位置的商业服务

二、使用步骤：

1、登录注册，获取秘钥AK

 

2引入百度地图js

3创建地图的容器

4初始化地图

var map = new BMap.Map("container"")

5创建一个地图中心点

var point new BMap.Point(经度，纬度)

6设置中心点和滚轮缩放

map.enableScrollwheelZoom(true);

map.centerAncZoom(point, 15);鼠标滚轮缩放

三、地图的事件

1、绘制方法

 1、点

var point = new BmapGL.Marker(point)

2、线

var polyline = new BmapGL.Polyline(点的数组,线的参数)

3、面

var polygon = new BmapGL.Polygon(点的数组,面的参数)

4、圆

var circle = new BmapGL.Circle(点,米半径,圆的参数)

5、标记

new BMapGL.Label(`内容`,{point:位置,offset:new BMapGL.Size(10, -25) }

6、添加叠加

map.addOverlay(点/线/面)

7、移除

map.remveOverLay(点/线/面)

2、添加点及连线

result

 

3、添加信息窗口

result

 

4、添加地图控件

result 

5、添加标签

result

 

6、搜素

 

result

四、在vue中使用百度地图 

1. publicindex.htmlscript引入百度地图

2.在组件中定义data

  map: null,//地图

  point: null，//中心点

  marker: null,//标记

  keyword:"",//搜索关键字

  local:null,//搜索控件