百度地图使用简介

1、注册百度账号,在登录百度帐号icon-default.png?t=M276http://lbsyun.baidu.com/apiconsole/key?application=key 页面申请密钥(AK)

2.创建完成后点击控制台、我的应用、创建应用

创建后会有个密钥(AK)这个引入地图是要用

 3.页面引入

 4.创建一个盛放地图的容器(容器要设置大小不然地图出不来)


    

5.实例化地图和添加控件

6.效果图

百度地图使用简介_第1张图片

 点线面

var marker = new BMapGL.Marker(point);        // 创建标注  point是上面创建的坐标点 
map.addOverlay(marker);                     // 将标注添加到地图中

单击加点

这时候就可以实现单击加点了

百度地图使用简介_第2张图片

 线

    

 

信息窗口





    
    
    
    第一个地图
    


    





    

最最最后该介绍在vue中引入百度地图了

在index里面导入

创建容器

 实例化地图

你可能感兴趣的:(vue.js,vue,前端,百度)