效果如图：1、先从这个链接中下载需要的js文件http://www.jq22.com/jquery-info229852、把需要的js文件放入项目的文件夹中3、先进行导出，需要的页面中进行引入引入css文件，但是css文件不用导出...
大家都知道，一般情况下，想要
使用
前端
设置一个
中国
地图
需要
使用
canvas 画布进行编写，不仅代码多，逻辑处理麻烦，今天交大家
使用
一个
插件
，
使用
它就可以轻松的做出各种图。
注册的是
中国
地图
，必须包括geo组件或者mep图标类型的时候才可以
使用
地图
分为：世界
地图
，
中国
地图
，省份
地图
，市区
地图
引入
中国
地图
代码
import geo
Js
on from "echarts/map/
js
on/china";
注册
地图
this.$echarts.registerMap("china", geo
Js
on);
vue
2+高德
地图
web端开发（
地图
控件）前言
地图
控件说明控件
使用
了解关键
使用
方法名1.在loader的plugins中进行
引入
2.在then中
使用
addControl函数进行定义完整代码结果展示
本次文章仅围绕
地图
组件展开
地图
控件说明
https://lbs.amap.com/api/
js
api-v2/documentation#control
控件
使用
了解关键
使用
方法名
map.addControl()
没错就是这个addControl()用于在
地图
中添加组件
知道这个之后我们直接开始
前端
数据可视化
插件
有很多，但我用过的只有Highcharts（https://www.hcharts.cn/）、Echarts（http://echarts.baidu.com/）和D3（https://d3
js
.org/），Web开发过程中选择
使用
哪一个
插件
是很重要的问题。就我个人而言，一般会从以下几点考虑。
1.兼容性
使用
一个
插件
之前必须要先评估一下它对浏览器的兼容性，不然写完了发现没法
1. 首先，在你的
Vue
组件根目录下找到script标签，然后在script标签内
使用
import语句导入
外部
CSS
文件
。
2. 其次，在import语句
引入
的
文件
路径中指定
CSS
文件
的位置，并且
使用
require关键字在
Vue
组件中加载
CSS
文件
。
3. 最后，在
Vue
组件的style属性中
使用
导入的
CSS
类或
CSS
样式。
以下是一个示例，展示了如何在
Vue
组件中
引入
外部
CSS
文件
：
<template>
<div class="my-component">
<p>这里是我的组件</p>
</template>
<script>
import './my-styles.
css
' //
引入
CSS
文件
export default {
name: 'MyComponent'
</script>
<style>
/*
使用
在my-styles.
css
中定义的样式*/
.my-component {
background-color: #f7f7f7;
border: 1px solid #ccc;
padding: 10px;
</style>
注意，如果你
使用
了
Vue
CLI来构建你的
Vue
应用程序，那么你应该在webpack中配置
CSS
加载器，但这超出了本问题的范围。
