在vue项目中调用echarts官网百度地图实例

1. 首先把echarts导入vue项目中：在终端输入命令npm install echarts --save
2. 在vue项目中新建一个.vue文件
3. template板块写
   //地图的容器
4. script板块插入需要调用的插件们:

• import echarts from “echarts”;
• require(“echarts/map/js/china.js”);
• require(“echarts/map/js/world.js”);

5. 将echarts官网中地图实例的代码复制写入script板块中
6. 运行出现错误，地图显示不了，百度搜索发现调用百度地图时需要调用百度api
7. 调用api步骤：

• npm install vue-baidu-map –save //下载百度地图插件
• 申请密钥
• .在首页index.html中引入百度地图:

8. 运行出现错误，地图还是不能显示，下载所要调用地图实例的.html文件，从代码中可以看到所要调用的插件们。
   
9. script板块插入需要调用的插件们。

• 这些插件都在项目中的node_modules文件中，经过查找发现没有echarts