百度地图BMap和BMapGL的区别

2024-05-10 07:41:12

1.引入的js的

BMap引入版本是2.0 <script src="http://api.map.baidu.com/api?v=2.0&ak=您的秘钥"></script>

BMapGL引入版本是1.0 <script src="http://api.map.baidu.com/api?type=webgl&v=1.0&ak=您的密钥"></script>

2.初始化地图

<div id="map"></div>

两者之间初始化时的主要区别是
var map = new BMap.Map("map")
var map = new BMapGL.Map("map")

3.添加Marker

BMap

首先定义point（一个经纬度的坐标点）

var Point = new BMap.Point(lng, lat)

var myIcon = new BMap.Icon(img, new BMap.Size(34, 34))

var marker = new BMap.Marker(Point, {

icon: myIcon,

})

map.addOverlay(marker)

BMapGL

把以上的BMap改成BMapGL

4. 路况展示

BMap

打开路况

data(){return{//  *  路况实例traffic: '',}
}this.traffic = new BMap.TrafficLayer() //  *  创建交通流量图层实例`
this.map.addTileLayer(this.traffic) //  *  将图层添加到地图上

关闭路况

this.map.removeTileLayer(this.traffic)

BMapGL

打开路况

this.map.setTrafficOn()

关闭路况

this.map.setTrafficOff()

百度地图BMap和BMapGL的区别相关推荐

用echarts在百度地图bmap自定义形状
用echarts在百度地图bmap自定义形状创建html文件引入百度地图API.Echarts.以及echarts的百度地图插件BMap echarts和bmap可以到官网去下载, 这里的路径是本 ...
vue3中使用百度地图BMAP
在Vue3中使用百度地图,可以按照以下步骤进行: 1. 在项目中引入百度地图的API文件.可以在public/index.html文件中添加以下代码: <script type="te ...
关于百度地图 BMap.InfoWindow 只显示最后一条信息解决方法
转摘:http://blog.csdn.net/guo_love_peng/article/details/8674230 今天遇到这个问题了.后面再网上搜搜,发现都是你抄我,我转载你的,后来无意看到 ...
android仿百度地图悬浮式窗口,百度地图(bMap)实现浮动层、按钮等的方法及代码...
本帖最后由流浪男于 2015-10-20 16:34 编辑利用openFame的方法我们可以在百度地图模块(bMap)上添加任何想要的浮动层,比如一.添加按钮二.在中间添加固定图标,拖动地图 ...
echarts 中使用百度地图 bmap （基础使用：仅显示、定义样式）
1. 实现功能实现简单的自定义样式百度地图,仅显示(基础,可自己研究扩展) 效果: 2. 代码步骤第一步:创建基础结构,id="map" 的 div 做 echarts 容器 ...
echarts3.8.4实现城市空气质量(结合百度地图bmap.js，小航哥)
(小航哥自己实现的)为了事先地图效果,需要以下准备: 用百度地图作为地图,需要 1.bmap.min.js(下载地址https://github.com/ecomfe/echarts ,GitHub上 ...
Vue导入百度地图BMap
在项目的根目录下的index.html文件中添加如下代码 <script src="https://api.map.baidu.com/api?v=2.0&ak=此处填写申请的 ...
ECharts百度地图BMap禁用地图导航
在开发ECharts百度地图时,不需要显示百度地图自带的点击位置后的信息弹窗,如下图: 查看ECharts官方文档没找到在ECharts配置中能够禁止该配置,但是百度地图api中有一项MapOptio ...
vue项目调用百度地图 BMap is not defined
这次老板新接了一个四点半官网页面,使用vue来写.emm--我感觉整个人都不好了,两天半解决了20个静态页面.还好vue写页面简直飞快,遇到一个vue的新坑,使用百度地图. 研究了好一会,总是报错BM ...

最新文章

热门文章