即时获取最新全国省市区县地图json数据(亲测可用)以及echarts中使用中国地图
项目中需要使用类似的地图,需要引入地图或者地区的JSON数据,因此查阅多番文档后总结出一套方法,确保可用.
1.点击DATAV.GeoAtolas.
点击此处直接复制或者复制链接打开后复制,然后百度搜索JSON,打开第一个链接在线JSON格式化校验
然后复制校验后的内容,创建china.json文件,将内容粘贴进去
下面是在vue中使用echarts引入中国地图的方法.
在main.js中
import echarts from 'echarts'
import china from '@/assets/json/china.json' //此处填上面内容创建的china.json文件的路径
Vue.prototype.$echarts = echarts
echarts.registerMap('china', china)
使用
<div ref="myChartChina" :style="{width: '100%', height: '600px'}"></div>
drawLine () {let dom = this.$refs.myChartChinalet myChart = this.$echarts.init(dom)function randomData () {return Math.round(Math.random() * 500);}// 绘制图表myChart.setOption( {tooltip: {},legend: {orient: 'vertical',left: 'left',data: ['']},selectedMode: 'single',series: [{name: '',type: 'map',mapType: 'china',center:[115.97, 29.71],layoutCenter: ['80%', '100%'],itemStyle: {normal: {borderColor: 'rgba(0, 0, 0, 0.2)'},emphasis: {shadowOffsetX: 0,shadowOffsetY: 0,shadowBlur: 20,borderWidth: 0,shadowColor: 'rgba(0, 0, 0, 0.5)'}},showLegendSymbol: true,label: {normal: {show: false},emphasis: {show: false}},data: [{ name: '北京', value: randomData() },{ name: '天津', value: randomData() },{ name: '上海', value: randomData() },{ name: '重庆', value: randomData() },{ name: '河北', value: randomData() },{ name: '河南', value: randomData() },{ name: '云南', value: randomData() },{ name: '辽宁', value: randomData() },{ name: '黑龙江', value: randomData() },{ name: '湖南', value: randomData() },{ name: '安徽', value: randomData() },{ name: '山东', value: randomData() },{ name: '新疆', value: randomData() },{ name: '江苏', value: randomData() },{ name: '浙江', value: randomData() },{ name: '江西', value: randomData() },{ name: '湖北', value: randomData() },{ name: '广西', value: randomData() },{ name: '甘肃', value: randomData() },{ name: '山西', value: randomData() },{ name: '内蒙古', value: randomData() },{ name: '陕西', value: randomData() },{ name: '吉林', value: randomData() },{ name: '福建', value: randomData() },{ name: '贵州', value: randomData() },{ name: '广东', value: randomData() },{ name: '青海', value: randomData() },{ name: '西藏', value: randomData() },{ name: '四川', value: randomData() },{ name: '宁夏', value: randomData() },{ name: '海南', value: randomData() },{ name: '台湾', value: randomData() },{ name: '香港', value: randomData() },{ name: '澳门', value: randomData() }]}]})}
即时获取最新全国省市区县地图json数据(亲测可用)以及echarts中使用中国地图相关推荐
- 求一份 2018年5月更新最新全国省市区县geojson数据(江苏)(echarts等图表可用)
由于1.echarts官网不在提供地图下载 2.江苏省市区县等行政区域调整 求大神提供一个 2018年5月更新最新全国省市区县geojson数据(江苏)的 压缩包,谢谢各位. PS:防止水军,不需要下 ...
- Echarts中引入中国地图
摘要:最近公司要求开发大屏大数据展示界面,其中有个需求是迁徙图,以下是自己的相关总结,如有些的不好的地方请大家多多指教,我会虚心学习并修改不足的地方. 思考:1.迁徙图实现的第一步是引入中国地图,那如 ...
- 免费分享下载最新全国省市区县和乡镇街道行政区划矢量边界坐标经纬度地图数据 shp geojson json sql格式
关键词: 省市区三级, 乡镇四级, 全国, 行政区划, 坐标边界, 矢量数据, 地理围栏, 免费下载, 2018 2019 2020 2021 2022年份, 最新数据, 长期更新, 开源维护, 支持 ...
- python 获取当天和前几天时间数据(亲测)
import datetime from datetime import datetime, date, timedelta def dayDateRange(): dates = [] ...
- SQLyog 最新版本12.5-64bit 完美破解,亲测可用!
声明:本文只是提供一个网络上找到的针对12.5版本的注册码使用方式做一个说明,不建议企业用户破解,有条件的还是希望大家购买原版.当然个人学习用的但又不想购买原版的,这里只是提供个途径,请勿用做商业用途 ...
- echarts中的中国地图js源码(china.js)
ECharts官方已不再提供js地图下载,china.js的源码如下,只需要新建一个js文件,然后将以下js代码复制进去保存即可引用,也不用浪费积分去下载资源 (function (root, fac ...
- 快速获取中国省市列表的JSON数据
工作需要用到JSON格式的省市列表,搜了一下没找到合适的,就从百度的JS里提取出来过程很简单,将下面的代码保存成一个html文件,用浏览器打开这个文件就可以看到了 <!DOCTYPE html ...
- 使用Echarts完成对中国地图的绘制
目录 前言 1.什么是Echarts插件 2.如何在vue中使用Echarts 3.中国地图的具体样式 4.如何使用Echarts来完成中国地图的绘制 5.总结 前言 我们在使用代码绘画地图的时候通常 ...
- echarts地图罗平县的json_Echarts全国省市区县地图数据文件(含js及json)
[实例简介] Echarts全国省市区县地图数据文件(含js及json两种数据格式) [实例截图] [核心代码] Echarts全国省市区县地图数据文件(含js及json) └── Echarts全国 ...
- 可视化大屏地图json数据(省市区县街道)
1. 各省市地区的json数据 DataV.GeoAtlas地理小工具:http://datav.aliyun.com/portal/school/atlas/area_selector Geojso ...
最新文章
- C++ 中emplace_back和push_back差异
- EventBus简单分析
- 为什么说 TCP/IP 是一个不确定性网络
- 显式锁select for update 用法
- C# 实现一个基于值相等性比较的字典
- 结合eShopOnWeb全面认识领域模型架构
- python 收发邮件_python发送各类邮件的主要基本方法
- kbengine通讯协议
- QT连接PostSql (小白教程)
- ASP.NET 省市区联级
- 中国地图填色问题Python API(动态)
- 越狱环境下代码控制手机重启(IOS,XCODE)
- python编写安装脚本_ido-Python 安装脚本包
- Google的“神秘链接”
- Android初学者需掌握的几点经验:该如何自学Android开发?(Android自学资料大全)
- 使用Laya引擎开发微信小游戏(上)
- keil 增加 芯片包_国内首家!平头哥刚刚宣布开源RISCV内核MCU芯片设计平台
- 干货!基于非递减分位数网络的值分布强化学习及其高效探索方法
- 登录、注册相关业务逻辑(模拟登录、注册)-H5本地存储
- 透过还原卡还原软件游戏自动更新系统(转)
热门文章
- 中岛美雪音乐合集-原曲流行极品音乐专辑
- linux客户端 手机,WAPI客户端在Linux系统中的实现
- matlab中的线性规划
- 仿真的硬件选型原则:CPU
- mysql+sqlplus命令找不到_SQLPLUS命令技巧
- 【系统分析师之路】2020年下系统分析师论文写作真题
- Mac开机速度优化的详细教程
- kindle书籍的后缀名_将azw3“转换”成mobi?——关于Kindle格式电子书的名称与后缀及其他的讨论...
- 【antd-design-vue】a-table取消组件自带的暂无数据图片
- 基于51单片机和GPS的经纬度时间速度航向系统设计定位电子罗盘原理图程序设计