可视化大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是甘南藏族自治州合作市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
甘南藏族自治州合作市,位于中国 甘肃省 南部,是甘南州政治、经济、文化中心和交通枢纽,也是中国西北地区重要的边境口岸城市之一。合作市是一个历史悠久的文化古城,是中国重要的藏传佛教文化遗址之一,有着丰富的历史文化和自然景观资源。市区内有大量的藏传佛教寺庙和文化古迹,如卓克基古城、松尾寺、阿扎寺等,吸引了众多游客前来观光和朝拜。同时,合作市也是一个生态环境优美、资源丰富的地区,拥有丰富的水资源、草原资源和矿产资源,是中国西部重要的农牧业生产基地。近年来,合作市积极发展旅游业和特色农业,推动了当地的经济发展和社会进步。
echarts甘南藏族自治州合作市geoJson地图 tooltip轮播
echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.
echarts甘南藏族自治州合作市geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
echarts甘南藏族自治州合作市geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
threejs甘南藏族自治州合作市geoJson地图3d地图
通过threejs绘制的3d地图实例,如果想系统的学习threejs的话,可以观看threejs课程视频 Three.js前端3D可视化教程
threejs甘南藏族自治州合作市geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
threejs甘南藏族自治州合作市geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
甘南藏族自治州合作市 下辖有 那吾乡,卡加曼乡,卡加道乡,通钦街道,伊合昂街道,当周街道,坚木克尔街道,佐盖多玛乡,佐盖曼玛乡,勒秀乡
甘南藏族自治州合作市下辖区域坐标
{"那吾乡":[102.90815920523748,34.97674877072485],"卡加曼乡":[102.92194170854967,35.09393766203183],"卡加道乡":[103.09893373341035,35.18071530601826],"通钦街道":[102.91471728795811,34.986105677548],"伊合昂街道":[102.90185325049626,34.98860323148426],"当周街道":[102.91041020439472,34.94422316048603],"坚木克尔街道":[102.92270021676842,35.01279158501769],"佐盖多玛乡":[103.2418306881469,35.02769828240577],"佐盖曼玛乡":[103.10337716077956,35.03047132109788],"勒秀乡":[103.0232809062735,34.75854966047009]}
甘南藏族自治州合作市行政划分代码
[{"name":"那吾乡","code":""},{"name":"卡加曼乡","code":"623001200000"},{"name":"卡加道乡","code":"623001201000"},{"name":"通钦街道","code":"623001004000"},{"name":"伊合昂街道","code":"623001002000"},{"name":"当周街道","code":"623001001000"},{"name":"坚木克尔街道","code":"623001003000"},{"name":"佐盖多玛乡","code":"623001202000"},{"name":"佐盖曼玛乡","code":""},{"name":"勒秀乡","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。