本篇文章要完成的效果
一、百度地图开发者账号申请
官网 : 百度地图开放平台 | 百度地图API SDK | 地图开发 (baidu.com)
没有的话注册一下 一般来说使用过百度云 就有百度账号
点击【控制台】——【我是个人爱好者/学生】
完善个人信息 —— 实名认证
再次返回首页,点击菜单栏中的【控制台】
看到这个界面就代表注册成功了
二、创建应用
1、点击【应用管理】--【我的应用】--【创建应用】(按照图片中蓝字/绿字步骤操作)
2、点击【提交】
3、创建成功。(这里的AK码很重要,后面开发时要用到。)
三、查找百度地图API
1、点击主页菜单栏【开发文档】--【JavaScript API】
2、 点击【HelloWorld】
3、找到【引用百度地图API文件】,复制API
4、将【您的密钥】那里改成(步骤二最后一步)自己创建应用成功后的‘AK码’
四、开发步骤
完整代码
/* 2.设置尺寸 */
.map {
width: 1000px; /*任意大小*/
height: 600px;
border: 1px solid red;
}
//
// 1)获得节点
let mapSelector = document.querySelector(".map");
//
let map = new BMapGL.Map(mapSelector);
//
let point = new BMapGL.Point(104.07489829924052, 30.60746989778522);
//
map.centerAndZoom(point,19)
最终效果