echarts初始化显示到市级地图
今天有个项目需要地图初始化展示到市级地图,我们采用echats将省.json文件合并到了china.json文件中,实现了初始化地图到市的效果如下:
不显示市名称看着效果更清爽些!
label: {normal:{show:false,//关闭文字显示textStyle:{color:'#999',fontSize:6} },
合并的方法:
将省级地图的json文件的开头和结尾
{"type":"FeatureCollection","features":[...
...],"UTF8Encoding":true}
这两部分去掉,中间省略号部分保留,将其整体粘贴到china.json里面作为"features"键值的数组元素(省.json粘贴到china.json对应省元素的后面),全部省的json文件都粘贴到china.json中后,echarts地图初始化就可以显示到市级地图,方法比较原始加载稍有些慢,还期待有大咖能提供更好的解决方案!!!
echarts初始化显示到市级地图相关推荐
- Echarts实现省级到市级地图下钻
在echarts社区里copy项目时,有符合需求的地图但是没有地图下钻,没办法看了看有地图下钻的项目想了一个比较简单的思路. (这里不再赘述如何创建基本地图实例) 1.首先把对应城市的下级地区geoJ ...
- vue echarts绘制市级地图下钻(带注释)
vue echarts绘制市级地图下钻 ------- 以浙江嘉兴市为例 首先要知道地图的数据获取:http://datav.aliyun.com/portal/school/atlas/area_s ...
- VUE echarts绘制省级/市级地图自动轮循tooltip
效果图 绘制省级地图 1.安装echarts依赖,并在main.js中准备 import echarts from "echarts" Vue.prototype.$echarts ...
- echarts初始化中国地图(Map)
echarts初始化中国地图 vue 中可以直接使用,修改文件地址即可 更多echarts例子 1.http://www.ppchart.com/#/ 2.https://www.isqqw.com/ ...
- echarts如何引入市级地图
1.获取相应市级地图的json文件 阿里云 DataV - 数据可视化平台 2.在<script></script>标签中使用jquery的异步加载获取资源 3.不说了,直接上 ...
- echarts可视化市级地图详细版(vue+element)
echarts可视化市级地图详细版(vue+element) 非常详细的echarts可视化地图,可全国可市级,各种属性 踩了好几天的坑,一步一步归纳总结出来的 1.效果图 代码如下 import e ...
- Echarts使用map3D+visualMap 实现地图下钻,区域高亮状态下变高
想要实现3D地图省市区下钻,地图区域用不同颜色区分数值大小,当hover区域时,当前区域变高,点击下钻 js核心代码 data() {return {cityData,mapData,cityLis ...
- Echarts使用二:全国地图与各省市地图联动
===========================更新============================ 介于很多人都找我要相关的js文件,我就传到网上以供大家下载~~ js文件下载地址: ...
- 微信小程序利用echarts实现中国任意行政区域地图
微信小程序利用echarts实现中国任意行政区域地图 前言 实现 克隆代码 集成 点击事件 点击跳转 代码改造 尾巴 前言 最近微信小程序中需要绘制地图,然后点击地图可以跳转到下一层级.研究了一番,选 ...
最新文章
- SpringBoot (六) :SpringBoot定时器实现(简单入门)
- android开机启动c程序,如何让A20,android开机自动启动C程序【转】
- 51Nod:活动安排问题之二(贪心)
- LeetCode 网易-2. 古老的游戏机
- JDK1.8 String常量池详解
- fpga结构主体_两大FPGA公司的“AI技术路线”
- 城市智慧路灯综合管理平台、图监控、灯箱实时监控、策略管理、故障报警、灯具管理、数据统计、故障分析、开关灯记录分析、区域管理、分组管理、DIV+CSS布局设计、HTML/Bootstrp/jQuery
- C语言程序打印命令,跪求C语言程序读ID3v1信息从mp3文件并打印出来。 1)使用命令行输入一个MP3档案名称。 2)判断档案名称的分...
- [转载] pythonpandas读取csv文件最后一行_简单小案例(一):使用Pandas在Python中读取和写入CSV文件...
- Android java获取行号和函数名
- oracle查询显示小写,oracle查询区分大小写
- Nginx服务器防止被压力测试
- mongodb用户信息管理案例
- 国产6678开发记录
- ansys计算机热仿真,ANSYS仿真软件热分析
- 2D变形效果有几种?变形效果讲解
- 5G uRLLC技术及其与TSN的融合
- golang时间字符串和时间戳转换
- 10万镜子反射月光,组成3.6平方公里巨幅头像,谷歌花式纪念登月50年
- 业务需求、用户需求、功能需求、技术需求 环环相扣
热门文章
- LPCTSTR和LPTSTR和char *的区别及相互转化
- POJ 3532 基尔霍夫电流定律 + 高斯消元
- Java文字特效(二)|会变色文字、水印文字特效、动态绘制文本
- oracle 数据库 processes、sessions 的设置
- 第十三讲:textcnn做文本分类任务,基于论文:Relation_Classification_via_Convolutional_Deep_Neural_Network的实战代码
- Minor GC、Major GC与Full GC
- 红外弱小目标检测:IPI算法解读及MATLAB复现
- 基于多向梯度局部对比度的红外弱小目标检测算法(MDWCM)解析及代码(2021年IEEE GRSL 论文)
- 空间曲线的切线和法平面与曲面的切平面和法线
- java.lang.ClassFormatError: Unknown constant tag 100 in class file java/sql/Driv