echarts兰州市榆中县geoJson地图 tooltip轮播演示实例

echarts yekong

随着开发 可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理兰州市榆中县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

echarts兰州市榆中县geoJson地图 tooltip轮播

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

echarts兰州市榆中县geoJson地图 tooltip轮播

echarts兰州市榆中县geoJson地图水滴状气泡图

echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.

echarts兰州市榆中县geoJson地图水滴状气泡图

echarts兰州市榆中县geoJson地图3d地图自定义贴图-绿色地面

3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例

echarts兰州市榆中县geoJson地图3d地图自定义贴图-绿色地面

threejs兰州市榆中县geoJson地图3d地图红色描边闪烁警报

通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能,如果对threejs感兴趣,可以观看threejs课程视频 WebGL/Three.js前端高薪3D可视化

threejs兰州市榆中县geoJson地图3d地图红色描边闪烁警报

threejs兰州市榆中县geoJson地图3d地图添加描边效果

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

threejs兰州市榆中县geoJson地图3d地图添加描边效果

threejs兰州市榆中县geoJson地图3d地图指定区域闪烁

通过threejs绘制3d地图并让指定区域闪烁

threejs兰州市榆中县geoJson地图3d地图指定区域闪烁

兰州市榆中县 下辖有 高崖镇,龙泉乡,三角城乡,上花岔乡,中连川乡,园子岔乡,夏官营镇,小康营乡,来紫堡乡,清水驿乡,甘草店镇,和平镇,哈岘乡,城关镇,定远镇,新营乡,贡井乡,连搭乡,金崖镇,银山乡,青城镇,韦营乡,马坡乡,高崖镇,龙泉乡,三角城乡,上花岔乡,中连川乡,园子岔乡,夏官营镇,小康营乡,来紫堡乡,清水驿乡,甘草店镇,和平镇,哈岘乡,城关镇,定远镇,新营乡,贡井乡,连搭乡,金崖镇,银山乡,青城镇,韦营乡,马坡乡

兰州市榆中县下辖区域坐标

{"高崖镇":[104.27680173747643,35.70501775339599],"龙泉乡":[104.26163778475008,35.62344564170731],"三角城乡":[104.16119427910178,35.88937416739562],"上花岔乡":[104.37218932481306,36.2596867984124],"中连川乡":[],"园子岔乡":[104.45192581523108,36.3036876894958],"夏官营镇":[104.210494333182,35.98049764759635],"小康营乡":[104.14308570437933,35.79556580131685],"来紫堡乡":[],"清水驿乡":[104.26253068186529,35.84815315336989],"甘草店镇":[104.30066123846827,35.79514423295952],"和平镇":[103.93957357115946,35.93749116301588],"哈岘乡":[104.2804163549076,36.20188720803773],"城关镇":[104.07450735297188,35.82047066774592],"定远镇":[103.99372526987284,35.93120659956916],"新营乡":[104.14405639933696,35.68309329973778],"贡井乡":[104.35248969299846,36.03586462656511],"连搭乡":[104.0461893330763,35.89979066266177],"金崖镇":[104.17106416467485,36.04777386905748],"银山乡":[103.8889355860504,35.80959019817578],"青城镇":[104.23043387751164,36.29558269967198],"韦营乡":[104.37420545261091,35.86345374057224],"马坡乡":[104.02016056239484,35.76380375117935]}

兰州市榆中县行政划分代码

[{"name":"高崖镇","code":"620123102000"},{"name":"龙泉乡","code":"620123208000"},{"name":"三角城乡","code":""},{"name":"上花岔乡","code":"620123213000"},{"name":"中连川乡","code":"620123210000"},{"name":"园子岔乡","code":"620123212000"},{"name":"夏官营镇","code":"620123101000"},{"name":"小康营乡","code":"620123202000"},{"name":"来紫堡乡","code":""},{"name":"清水驿乡","code":"620123207000"},{"name":"甘草店镇","code":"620123105000"},{"name":"和平镇","code":"620123104000"},{"name":"哈岘乡","code":"620123214000"},{"name":"城关镇","code":"620123100000"},{"name":"定远镇","code":"620123107000"},{"name":"新营乡","code":""},{"name":"贡井乡","code":""},{"name":"连搭乡","code":""},{"name":"金崖镇","code":"620123103000"},{"name":"银山乡","code":""},{"name":"青城镇","code":"620123106000"},{"name":"韦营乡","code":"620123209000"},{"name":"马坡乡","code":"620123205000"}]

说明

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

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

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

兰州市榆中县echarts地图效果实例和threejs地图效果实例下载

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