echarts通辽市奈曼旗geoJson地图 tooltip轮播实例

echarts yekong

可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理通辽市奈曼旗echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

奈曼旗,内蒙古自治区通辽市辖旗,位于内蒙古自治区东部、通辽市西南部,地处辽西山地北部和西辽河平原南端,属北温带大陆性季风气候,毗邻7个旗、县(市),总面积8137.6平方千米。截至2022年10月,奈曼旗辖1个街道、8个镇、2个乡、4个苏木,另辖1个乡级单位。截至2021年末,奈曼旗户籍人口444719人。

echarts通辽市奈曼旗geoJson地图 tooltip轮播

echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.

echarts通辽市奈曼旗geoJson地图 tooltip轮播

echarts通辽市奈曼旗geoJson地图迁徙图

echarts飞线图实例,可以根据自己的需要配置飞线的颜色大小以及方向

echarts通辽市奈曼旗geoJson地图迁徙图

echarts通辽市奈曼旗geoJson地图阴影

echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.

echarts通辽市奈曼旗geoJson地图阴影

threejs通辽市奈曼旗geoJson地图3d地图自定义贴图加CSS2D标签

通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果对threejs感兴趣,可以观看threejs视频 WebGL 3D可视化教程

threejs通辽市奈曼旗geoJson地图3d地图自定义贴图加CSS2D标签

threejs通辽市奈曼旗geoJson地图3d地图添加金色效果

通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰

threejs通辽市奈曼旗geoJson地图3d地图添加金色效果

threejs通辽市奈曼旗geoJson地图3d地图css2d标签

通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放

threejs通辽市奈曼旗geoJson地图3d地图css2d标签

通辽市奈曼旗 下辖有 东明镇,治安镇,义隆永镇,八仙筒镇,大沁他拉镇,明仁苏木乡,国有六号农场,白音他拉苏木乡,固日班花苏木乡,黄花塔拉苏木乡,新镇,沙日浩来镇,土城子乡,苇莲苏乡,青龙山镇

通辽市奈曼旗下辖区域坐标

{"东明镇":[121.26321925174754,43.26103986224746],"治安镇":[121.43569913711028,43.28571870593039],"义隆永镇":[120.59321284526983,42.63821880591598],"八仙筒镇":[120.92380532426847,43.27336505558903],"大沁他拉镇":[120.64915131187216,42.90760052371198],"明仁苏木乡":[121.11901636435233,43.45089637194105],"国有六号农场":[121.44206159787174,43.40006380922873],"白音他拉苏木乡":[120.78304032924368,43.12647201706905],"固日班花苏木乡":[121.03449803523331,42.97592117086676],"黄花塔拉苏木乡":[120.82392502435705,42.70845557135549],"新镇":[121.03867752023146,42.63405153080409],"沙日浩来镇":[120.76019897458565,42.50887965834431],"土城子乡":[120.812411744261,42.37027827641285],"苇莲苏乡":[120.54176153306572,43.17689304786892],"青龙山镇":[121.05504749628321,42.37495782638337]}

说明

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

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

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

通辽市奈曼旗echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts通辽市奈曼旗geoJson地图 tooltip轮播实例