- 1如何看懂设计师给到的设计图？_前端看ui设计的东西,怎么看
- 2【ITOO技术篇】Easyui datagrid中添加 Combobox_easyui grid combobox
- 3这7本书都没有，还学什么Web安全？（附全套PDF）_白帽子讲web安全pdf下载
- 4算法沉淀——穷举、暴搜、深搜、回溯、剪枝综合练习三（leetcode真题剖析）
- 5彻底搞懂NeRF论文公式代码_nerf代码
- 6【阶段二】Python数据分析Pandas工具使用05篇：数据预处理：数据的规范化_pandas 归一化标准化
- 7Kafka相关知识_zookeeper-server-start.sh zookeeper-shell.sh 区别
- 8BUUCTF-Misc-No.2_[mrctf2020]小o的考研复试
- 9新版 Alist + RaiDrive 挂载阿里云盘 Open 到本地，实现网盘本地化_alist挂载阿里云盘open
- 10【机器学习学习脉络】
vue 怎样引echaerts_elementUI中引入echaert地图展示
赞
踩
1、在index.html中引入百度秘钥
2、在webpack的配置文件中设置外部扩展：
如果是Vue-cli2，在build/webpack.base.conf.js中加入以下代码：
module.exports = {
......
//externals属性：防止将某些import的包package打包到bundle中，而是在runtime运行时再去从外部获取这些external dependencies扩展依赖
externals:{
'BMap': 'BMap',
'BMap_Symbol_SHAPE_POINT':'BMap_Symbol_SHAPE_POINT'
}
}
如果是Vue-cli3，在vue.config.js中加入以下代码：
module.exports = {
......
configureWebpack:{
externals:{
'BMap': 'BMap',
'BMap_Symbol_SHAPE_POINT':'BMap_Symbol_SHAPE_POINT'
}
}
}
3、npm安装echarts：
npm install echarts --save
4、如果是在全局引入：在main.js中加入以下代码：
import echarts from "echarts";
import china from 'echarts/map/json/china.json'
echarts.registerMap('china', china)
Vue.prototype.$echarts = echarts;
5、在需要的组件中引入扩展插件：
require('echarts/extension/bmap/bmap')
6、实现效果图：
来源：https://www.cnblogs.com/menxiaojin/p/13275262.html
