使用ECharts绘制中国地图

想要在echarts中展示地图，我们需要有对应的地图数据，可以去阿里dataV下载

我们需要的数据就是一个对象，我们需要使用他们提供的接口或者把这个对象下载到本地。

使用地图

想要使用地图，需要在我们的代码中注册地图

echarts.registerMap("自定义地图名称", 地图数据)

在这个例子里

echarts.registerMap("china", china)

然后初始化echarts，配置对应的option

let chart = echarts.init(dom对象)let option = {geo: {map: "自定义地图名称"}
}chart.setOption(option)

这个地图，其实是我们建立的特殊坐标系——地理坐标系。

我们可以通过配置geo.itemStyle改变默认时的样式，配置geo.select配置选中时的样式。配置geo.emphasis配置移入时的样式。

在地图上显示散点图

Examples - Apache ECharts

散点图的设置在series中，设置一个对象

{// 坐标系设置成地理坐标系，默认是直角坐标系coordinateSystem: 'geo',// 地理坐标系中，data比较复杂 [{name:"名字", value: [经度, 纬度, 值]}]data: convertData(data),// 散点图type: 'scatter',// symbolSize: function () {}// 散点大小symbolSize (value) {console.log(value)return value[2] / 10}}

这样我们就可以在地图上展示散点图。

注意！这里有一个坑，geo只是添加地理坐标系。

使用ECharts绘制中国地图相关推荐

echarts 绘制中国地图（中英文转换）
echarts 绘制中国地图 1.引入echarts npm install echarts import echarts from 'echarts' 2.引入地图china.js(网上自行搜索下载 ...
vue使用echarts绘制中国地图
vue使用echarts绘制中国地图 //myMap.vue <div id="geo"></div>//china.js下载地址 https://down ...
vue中使用echarts绘制中国地图
首先需要一个绘制中国地图的json文件(资源还在审核,审核过后会重新贴上来) 1.首先引入echarts和json文件,在需要的地方引即可 import echarts from 'echarts'; ...
广西地图html插件,ECharts绘制中国地图、广西地图
准备工作:导入ECharts依赖.和地图需要的.js文件. 文件获取方式: 官网:url github:url (下载完后 :incubator-echarts-4.8.0mapjsprovince目 ...
Vue环境下用ECharts绘制中国地图，并实现拖动、缩放与各省份自动轮播高亮显示
}, { name: "福建", value: 20, }, { name: "贵州", value: 74, }, { name: "广东" ...
echaer 地图_用echarts绘制中国地图
在项目中运用到图形展示数据太常见了,echarts是一款使用率非常高的插件工具,很多大平台都是使用echarts: 一般运用到条形.折线.扇形图,今天说一说在中国地图上展示各地数据: 首先要准备中国地 ...
vue3+echarts绘制中国地图
最近接到一个需求是做一个中国地图样式大概是这样的需求是要去掉南海,但是由于csdn地图校验,图片如果没有南海会出现图片违规情况,要实现去掉南海,百度查阅相关资料都是说要这样,这个方法的大概意思就是 ...
vue集成echarts 绘制中国地图
最近项目遇见了需要以中国地图展示的需求了解到 echarts 是一个很好用的图表展示工具 ,但发现官网没有关于中国地图的组件,经过了解,echarts 5.0以上将中国地图去掉了,需要用到chi ...
使用Echarts绘制中国地图看这篇就够了（认真脸！）
世界那么大我画张地图看看! 一.效果图 1 二.代码具体编码参考官方Demo:echarts.baidu.com/echarts2/doc/example/map5.html 三.地图的扩展(值 ...
vue使用echarts来绘制中国地图下钻省市区县级地图
文章目录前言一.echarts 二.使用步骤 1.vue安装.引入echarts 2.使用echarts 总结前言公司需要一个中国地图点击可进入省市区县级,但是在我使用echarts绘制中国地 ...

使用ECharts绘制中国地图

使用地图

在地图上显示散点图

使用ECharts绘制中国地图相关推荐

最新文章

热门文章