echart map地图 隐藏南海诸岛
中国地图隐藏南海诸岛功能
在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地图 隐藏南海诸岛相关推荐
- echart地图隐藏南海诸岛
实现这个功能,只需在map的data字段做以下设置即可: option = {tooltip: {trigger: 'item'},series: [{itemStyle: {normal: {col ...
- echarts 中国地图(带南海诸岛) 及各省份地图json文件
各省份.区域的地图json文件可以去 http://datav.aliyun.com/tools/atlas 找,能下载. 中国地图(带南海诸岛) 上代码 <template><di ...
- echarts的中国地图去掉南海诸岛
geo: {map: "china",roam: true,zoom:1, //默认显示级别 scaleLimit:{min:0,max:3}, // 缩放级别regions: [ ...
- cartopy 绘制中国地图,南海诸岛和十段线
cartopy作为Basemap的替代者,绘制地图还是非常方便的,尤其是有很多大牛现成的例子,这里参考了多篇文章,结合了绘制dat格式和shp格式的边界方法,使用了GMT中文社区的中国边界,shp文件 ...
- Echarts 地图隐藏右下角 “南海诸岛” 的方法
1.需求: Echarts 地图右下角 "南海诸岛" 在项目中有点多余,需要隐藏 2.查询 Echarts 官网配置项,发现修改属性 "geo.regions" ...
- Echarts 南海诸岛简图显示位置调整
最近需要echart同时显示海南岛和南海诸岛,开始想寻找南海诸岛的数据,经过查找,这种简图数据是没有的(china.js地图数据一一找过了),下图是echarts的一些示例,没有满足我们的要求 ...
- echart绘制海南地图时增加南海诸岛显示(现成geojson数据)
使用场景:产品经理要求展示海南地图时,需要显示南海诸岛: 问题:南海诸岛在中国地图上的显示,是echart在mapName='china'时,默认fix进去.但是海南省不会默认fix进去 解决方案:将 ...
- ECharts实现带钓鱼岛和南海诸岛的中国(China)地图
转载 [问题探讨]ECharts实现带钓鱼岛和南海诸岛的中国(China)地图 环境:VUE+ ECharts 重点阐述: 1,在VUE安装ECharts后,在如下目录就有地图js/json可以使用 ...
- echarts全国地图只显示南海诸岛问题
在使用百度开源的可视化工具echarts时,用到中国地图,参照官方文档用此段代码 value = [155, 10, 66, 78, 33, 80, 190, 53, 49.6]attr = [&qu ...
最新文章
- 就在明天!对话晶泰科技赖力鹏:AI制药独角兽的崛起之路
- android:使用Messenger进行进程间通信(一)
- Android 生成keystore和ecplise 发布release apk
- 第四章 DOM节点操作
- oracle 11203 ora32701,11G RAC ORA-32701 参考学习
- php中修改弹窗的样式,CSS变形弹窗效果示例
- Linux系统查看系统硬件,linux怎么查看系统硬件信息
- Spring Bean生命周期-obtainFreshBeanFactory(三)
- spark structured stream的Append模式例子
- Ubuntu apt-get update 失败【转】
- python数值运算操作符也叫做内置操作符_Python的操作符 - osc_r1gtal48的个人空间 - OSCHINA - 中文开源技术交流社区...
- 网卡驱动修改服务器,改造INTEL网卡驱动使桌面型网卡支持Windows Server 2012、2016、2019系统...
- tomcat日志设置与详解
- Visio2019中插入数学公式
- HashMap底层原理实现源码分析
- 法定节假日调整方案公布
- 无背景图片添加白色背景
- Pycharm专业版安装详细教程!
- python 会计应用软件_下列关于会计核算软件记账功能的说法中,正确的有( )。...
- krpano全景图切片还原和下载