中国地图隐藏南海诸岛功能
在geo选项中添加regions属性,代码如下

const option = {.......geo: {map: 'china',show: true,roam: true,zoom: this.centerObj.layoutSize,center: this.centerObj.center,select: {itemStyle: {color: this.clickcolor, // 设置地图点击后的颜色areaColor: this.clickcolor}},label: {normal: {show: true,color: '#999',fontSize: '12'},emphasis: {show: true,color: '#999',fontSize: '12'}},itemStyle: {normal: {areaColor: '#fff',borderColor: '#c5c5c5'// borderColor: 'red'},emphasis: {areaColor: '#EFF1FF' // 悬浮区背景}},regions: [{ // 隐藏南海诸岛name: '南海诸岛',itemStyle: {// 隐藏地图normal: {opacity: 0 // 为 0 时不绘制该图形}},label: {show: false // 隐藏文字}}].......},

echart map地图 隐藏南海诸岛相关推荐

  1. echart地图隐藏南海诸岛

    实现这个功能,只需在map的data字段做以下设置即可: option = {tooltip: {trigger: 'item'},series: [{itemStyle: {normal: {col ...

  2. echarts 中国地图(带南海诸岛) 及各省份地图json文件

    各省份.区域的地图json文件可以去 http://datav.aliyun.com/tools/atlas 找,能下载. 中国地图(带南海诸岛) 上代码 <template><di ...

  3. echarts的中国地图去掉南海诸岛

    geo: {map: "china",roam: true,zoom:1, //默认显示级别 scaleLimit:{min:0,max:3}, // 缩放级别regions: [ ...

  4. cartopy 绘制中国地图,南海诸岛和十段线

    cartopy作为Basemap的替代者,绘制地图还是非常方便的,尤其是有很多大牛现成的例子,这里参考了多篇文章,结合了绘制dat格式和shp格式的边界方法,使用了GMT中文社区的中国边界,shp文件 ...

  5. Echarts 地图隐藏右下角 “南海诸岛” 的方法

    1.需求: Echarts 地图右下角 "南海诸岛" 在项目中有点多余,需要隐藏 2.查询 Echarts 官网配置项,发现修改属性 "geo.regions" ...

  6. Echarts 南海诸岛简图显示位置调整

        最近需要echart同时显示海南岛和南海诸岛,开始想寻找南海诸岛的数据,经过查找,这种简图数据是没有的(china.js地图数据一一找过了),下图是echarts的一些示例,没有满足我们的要求 ...

  7. echart绘制海南地图时增加南海诸岛显示(现成geojson数据)

    使用场景:产品经理要求展示海南地图时,需要显示南海诸岛: 问题:南海诸岛在中国地图上的显示,是echart在mapName='china'时,默认fix进去.但是海南省不会默认fix进去 解决方案:将 ...

  8. ECharts实现带钓鱼岛和南海诸岛的中国(China)地图

    转载 [问题探讨]ECharts实现带钓鱼岛和南海诸岛的中国(China)地图 环境:VUE+ ECharts 重点阐述: 1,在VUE安装ECharts后,在如下目录就有地图js/json可以使用 ...

  9. echarts全国地图只显示南海诸岛问题

    在使用百度开源的可视化工具echarts时,用到中国地图,参照官方文档用此段代码 value = [155, 10, 66, 78, 33, 80, 190, 53, 49.6]attr = [&qu ...

最新文章

  1. 就在明天!对话晶泰科技赖力鹏:AI制药独角兽的崛起之路
  2. android:使用Messenger进行进程间通信(一)
  3. Android 生成keystore和ecplise 发布release apk
  4. 第四章 DOM节点操作
  5. oracle 11203 ora32701,11G RAC ORA-32701 参考学习
  6. php中修改弹窗的样式,CSS变形弹窗效果示例
  7. Linux系统查看系统硬件,linux怎么查看系统硬件信息
  8. Spring Bean生命周期-obtainFreshBeanFactory(三)
  9. spark structured stream的Append模式例子
  10. Ubuntu apt-get update 失败【转】
  11. python数值运算操作符也叫做内置操作符_Python的操作符 - osc_r1gtal48的个人空间 - OSCHINA - 中文开源技术交流社区...
  12. 网卡驱动修改服务器,改造INTEL网卡驱动使桌面型网卡支持Windows Server 2012、2016、2019系统...
  13. tomcat日志设置与详解
  14. Visio2019中插入数学公式
  15. HashMap底层原理实现源码分析
  16. 法定节假日调整方案公布
  17. 无背景图片添加白色背景
  18. Pycharm专业版安装详细教程!
  19. python 会计应用软件_下列关于会计核算软件记账功能的说法中,正确的有(  )。...
  20. krpano全景图切片还原和下载

热门文章

  1. 「 English 」英语口语练习-持续更新
  2. 基于布谷鸟优化的BP神经网络(分类应用) - 附代码
  3. sql行转列三个方法
  4. re模块findall函数用法
  5. PostgreSQL备份工具pg_dump和pg_dumpall
  6. 文本增强、半监督学习,谁才是 NLP 少样本困境问题更优的解决方案?
  7. 【机器学习系列】概率图模型第三讲:深入浅出无向图中的条件独立性和因子分解
  8. 保姆级-MySQL 8.0的下载、安装、配置
  9. 以为微信里3008位好友就是人脉,殊不知有18位已经把我删除了
  10. 芝加哥大学计算机科学在哪个学院,芝加哥大学计算机专业怎么样?