echarts通辽市开鲁县geoJson地图tooltip自定义html效果

echarts yekong

数据大屏可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是通辽市开鲁县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

开鲁县,内蒙古自治区 通辽市 辖县,位于内蒙古自治区东部、通辽市西部,地处西辽河冲积平原腹地,属温带大陆性半干旱季风气候,毗邻8个旗(区),总面积4488平方千米。截至2021年末,开鲁县户籍人口为387300人。截至2022年10月,开鲁县辖10个镇,另辖3个乡级单位。

echarts通辽市开鲁县geoJson地图tooltip自定义html

echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.

echarts通辽市开鲁县geoJson地图tooltip自定义html

echarts通辽市开鲁县geoJson地图label自定义样式

echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果

echarts通辽市开鲁县geoJson地图label自定义样式

echarts通辽市开鲁县geoJson地图3d地图自定义图标

echarts 3d地图添加自定义图标实例

echarts通辽市开鲁县geoJson地图3d地图自定义图标

threejs通辽市开鲁县geoJson地图3d地图红色描边闪烁警报

通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能,如果想系统的学习threejs的话,可以观看threejs教程视频 Three.js视频教程3D可视化

threejs通辽市开鲁县geoJson地图3d地图红色描边闪烁警报

threejs通辽市开鲁县geoJson地图3d地图添加描边效果

通过threejs绘制3d地图使用outlinePass 实现发光描边效果

threejs通辽市开鲁县geoJson地图3d地图添加描边效果

threejs通辽市开鲁县geoJson地图3d地图自定义贴图加CSS2D标签

通过threejs绘制3d地图并添加CSS2D标签和自定义贴图

threejs通辽市开鲁县geoJson地图3d地图自定义贴图加CSS2D标签

通辽市开鲁县 下辖有 麦新镇,辽河农场,东来镇,东风镇,建华镇,开鲁镇,保安农场,大榆树镇,小街基镇,清河牧场,黑龙坝镇,义和塔拉镇,吉日嘎郎吐镇

通辽市开鲁县下辖区域坐标

{"麦新镇":[120.63676445339621,43.47826358132934],"辽河农场":[121.57419615131198,43.43412636902129],"东来镇":[121.56555192458295,43.41848724890704],"东风镇":[121.66554495822626,43.67950430486586],"建华镇":[121.34186150099264,43.90430096588872],"开鲁镇":[121.35250193184876,43.69829705285459],"保安农场":[121.53033962379175,43.47909414865382],"大榆树镇":[121.06236063139147,43.5746817704585],"小街基镇":[121.53264472810783,43.92584292219568],"清河牧场":[121.23810509499165,43.77308033392565],"黑龙坝镇":[120.94124184160623,43.557078294069],"义和塔拉镇":[121.01181485961638,43.73389516386818],"吉日嘎郎吐镇":[121.60805147254158,43.51250395758242]}

说明

1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。

2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。

3、本数据仅用于echarts threejs地图效果展示。

通辽市开鲁县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts通辽市开鲁县geoJson地图tooltip自定义html效果