vue-baidu-map之地图的主题背景色设置

{BMap, map} 地图组件渲染完毕时触发，返回一个百度地图的核心类和地图实例。百度地图组件是异步加载，请不要尝试在组件的生命周期中访问 BMap 核心类和 map 实例，如有需要，请在所需组件的 ready 事件回调函数的参数中获取。
即不要再vue的生命周期中对地图的bmap和map实例进行操作，因为是无效的。
在 ready事件回调函数中使用即可。
实例如下：
html中
<baidu-map class=“map” center=“南京” :zoom=“zoom” :scroll-wheel-zoom=“scrollwheelzoom” @click="getPoint @ready="handler >

js中（ready事件的方法名为handler，在其中写方法即可）
methods: {
// 给地图设置主题色，我设置的是黑夜主题
handler({ BMap, map }) {
let mapStyle={style:“midnight”}
map.setMapStyle(mapStyle);
// console.log(BMap, map);
}
}

效果如下

vue-baidu-map之地图的主题背景色设置相关推荐

Vue中用 Vue Baidu Map 绘制地图
1.先贴上官网案例 https://dafrok.github.io/vue-baidu-map/#/zh/guide/painting 官网的东西,没有百度地图开放平台上面的东西齐全,考虑到vue ...
Vue Baidu Map 实现Vue版本地图轨迹回放（App端）
Vue Baidu Map 地图轨迹回放 Vue Baidu Map 简介 Vue Baidu Map 安装 1.NPM 2.CDN Vue Baidu Map 引用 BmlLushu 引用 BmlL ...
vue baidu map之获取选中点的经纬度
需求:在vue项目中通过点击按钮,弹出百度地图的弹框,用户选择地图上的点或者通过搜索关键字选点,点击确认关闭弹窗得到经纬度效果: vue baidu map api链接 : https://da ...
Vue中使用百度地图Vue Baidu Map(vue-baidu-map)
最近负责的一个vue项目中需要调用百度地图api做标记打点的需求,记录一下: vue-baidu-map 官方地址一.插件的安装 1.npm 安装 $ npm install vue-baidu-m ...
vue + echart +map中国地图，省市地图，区县地图
第一步:安装依赖包 npm install echarts --save 在main.js 中全局引入 import echarts from 'echarts' Vue.prototype.$ech ...
Vue Baidu Map组件：点、线、多边形、圆形、撤销、返回
话不多说,直接上代码: 参考官网代码改编:https://dafrok.github.io/vue-baidu-map/#/zh/guide/painting 效果图 index.vue <te ...
VUE中使用百度地图BaiduMap
VUE中使用百度地图BaiduMap 以前在html页中使用了echart,做了很多图表,也集成了百度地图,效果很好.最近,开始研究vue加 .net core的框架,所以也想把echart和百度地图 ...
vue 调用腾讯地图 https://apis.map.qq.com/ws/place/v1/suggestion/
vue 调用腾讯地图 1.先安装依赖 npm install jsonp 2. 新建一个jsonp.js 文件 3. 以下代码放到jsonp.js文件里 exports.install = funct ...
vue 页面使用百度地图
前言 vue 3.x 百度地图JavaScript API GL v1.0 百度地图的源码编辑器:http://lbs.baidu.com/jsdemo.htm#webgl0_0 本文代码在百度地图的 ...

vue-baidu-map之地图的主题背景色设置

vue-baidu-map之地图的主题背景色设置相关推荐

最新文章

热门文章