今天有个项目需要地图初始化展示到市级地图,我们采用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初始化显示到市级地图相关推荐

  1. Echarts实现省级到市级地图下钻

    在echarts社区里copy项目时,有符合需求的地图但是没有地图下钻,没办法看了看有地图下钻的项目想了一个比较简单的思路. (这里不再赘述如何创建基本地图实例) 1.首先把对应城市的下级地区geoJ ...

  2. vue echarts绘制市级地图下钻(带注释)

    vue echarts绘制市级地图下钻 ------- 以浙江嘉兴市为例 首先要知道地图的数据获取:http://datav.aliyun.com/portal/school/atlas/area_s ...

  3. VUE echarts绘制省级/市级地图自动轮循tooltip

    效果图 绘制省级地图 1.安装echarts依赖,并在main.js中准备 import echarts from "echarts" Vue.prototype.$echarts ...

  4. echarts初始化中国地图(Map)

    echarts初始化中国地图 vue 中可以直接使用,修改文件地址即可 更多echarts例子 1.http://www.ppchart.com/#/ 2.https://www.isqqw.com/ ...

  5. echarts如何引入市级地图

    1.获取相应市级地图的json文件 阿里云 DataV - 数据可视化平台 2.在<script></script>标签中使用jquery的异步加载获取资源 3.不说了,直接上 ...

  6. echarts可视化市级地图详细版(vue+element)

    echarts可视化市级地图详细版(vue+element) 非常详细的echarts可视化地图,可全国可市级,各种属性 踩了好几天的坑,一步一步归纳总结出来的 1.效果图 代码如下 import e ...

  7. Echarts使用map3D+visualMap 实现地图下钻,区域高亮状态下变高

    想要实现3D地图省市区下钻,地图区域用不同颜色区分数值大小,当hover区域时,当前区域变高,点击下钻  js核心代码 data() {return {cityData,mapData,cityLis ...

  8. Echarts使用二:全国地图与各省市地图联动

    ===========================更新============================ 介于很多人都找我要相关的js文件,我就传到网上以供大家下载~~ js文件下载地址: ...

  9. 微信小程序利用echarts实现中国任意行政区域地图

    微信小程序利用echarts实现中国任意行政区域地图 前言 实现 克隆代码 集成 点击事件 点击跳转 代码改造 尾巴 前言 最近微信小程序中需要绘制地图,然后点击地图可以跳转到下一层级.研究了一番,选 ...

最新文章

  1. SpringBoot (六) :SpringBoot定时器实现(简单入门)
  2. android开机启动c程序,如何让A20,android开机自动启动C程序【转】
  3. 51Nod:活动安排问题之二(贪心)
  4. LeetCode 网易-2. 古老的游戏机
  5. JDK1.8 String常量池详解
  6. fpga结构主体_两大FPGA公司的“AI技术路线”
  7. 城市智慧路灯综合管理平台、图监控、灯箱实时监控、策略管理、故障报警、灯具管理、数据统计、故障分析、开关灯记录分析、区域管理、分组管理、DIV+CSS布局设计、HTML/Bootstrp/jQuery
  8. C语言程序打印命令,跪求C语言程序读ID3v1信息从mp3文件并打印出来。 1)使用命令行输入一个MP3档案名称。 2)判断档案名称的分...
  9. [转载] pythonpandas读取csv文件最后一行_简单小案例(一):使用Pandas在Python中读取和写入CSV文件...
  10. Android java获取行号和函数名
  11. oracle查询显示小写,oracle查询区分大小写
  12. Nginx服务器防止被压力测试
  13. mongodb用户信息管理案例
  14. 国产6678开发记录
  15. ansys计算机热仿真,ANSYS仿真软件热分析
  16. 2D变形效果有几种?变形效果讲解
  17. 5G uRLLC技术及其与TSN的融合
  18. golang时间字符串和时间戳转换
  19. 10万镜子反射月光,组成3.6平方公里巨幅头像,谷歌花式纪念登月50年
  20. 业务需求、用户需求、功能需求、技术需求 环环相扣

热门文章

  1. LPCTSTR和LPTSTR和char *的区别及相互转化
  2. POJ 3532 基尔霍夫电流定律 + 高斯消元
  3. Java文字特效(二)|会变色文字、水印文字特效、动态绘制文本
  4. oracle 数据库 processes、sessions 的设置
  5. 第十三讲:textcnn做文本分类任务,基于论文:Relation_Classification_via_Convolutional_Deep_Neural_Network的实战代码
  6. Minor GC、Major GC与Full GC
  7. 红外弱小目标检测:IPI算法解读及MATLAB复现
  8. 基于多向梯度局部对比度的红外弱小目标检测算法(MDWCM)解析及代码(2021年IEEE GRSL 论文)
  9. 空间曲线的切线和法平面与曲面的切平面和法线
  10. java.lang.ClassFormatError: Unknown constant tag 100 in class file java/sql/Driv