随着开发 数据可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理吐鲁番市鄯善县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
鄯善县，隶属 新疆吐鲁番市，位于天山东部南麓的吐鲁番盆地东侧，北与木垒县、奇台县为邻，东经七克台镇连接哈密市七角井乡，西部吐峪沟苏巴什村与吐鲁番市胜金乡接壤，南部经南湖戈壁至觉罗塔格与若羌县、尉犁县为界。鄯善县 境域面积约占新疆总面积的2.5%。鄯善县辖7个镇、2个乡、1个民族乡，鄯善油田是中国第一个大型株罗系油田。行政区域面积39548平方千米，2019年末，鄯善县户籍人口为221407人。
echarts吐鲁番市鄯善县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts吐鲁番市鄯善县geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
echarts吐鲁番市鄯善县geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
threejs吐鲁番市鄯善县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果对threejs感兴趣，可以观看threejs视频教程 WebGL/Three.js前端高薪3D可视化
threejs吐鲁番市鄯善县geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
threejs吐鲁番市鄯善县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
吐鲁番市鄯善县 下辖有 迪坎乡,南山矿区,园艺场,辟展乡,鄯善镇,达浪坎乡,东巴扎回族民族乡,七克台镇,吐峪沟乡,火车站镇,连木沁镇,鲁克沁镇
吐鲁番市鄯善县下辖区域坐标
{"迪坎乡":[89.99746815880816,42.41458316969312],"南山矿区":[90.72252262340055,41.72302321598808],"园艺场":[90.29357107875974,42.90393286414057],"辟展乡":[],"鄯善镇":[90.21770687389099,42.98406185416859],"达浪坎乡":[89.69957495922736,42.70570803939067],"东巴扎回族民族乡":[90.23937666788999,42.85925804419993],"七克台镇":[90.92830201269602,42.62656241091649],"吐峪沟乡":[89.65463848401268,42.78035897791632],"火车站镇":[90.63083237271158,43.26862353100103],"连木沁镇":[89.92112659478437,43.03798333957365],"鲁克沁镇":[89.78019826581018,42.76265311516957]}
吐鲁番市鄯善县行政划分代码
[{"name":"迪坎乡","code":""},{"name":"南山矿区","code":"650421400000"},{"name":"园艺场","code":"650421401000"},{"name":"辟展乡","code":""},{"name":"鄯善镇","code":"650421100000"},{"name":"达浪坎乡","code":""},{"name":"东巴扎回族民族乡","code":""},{"name":"七克台镇","code":"650421101000"},{"name":"吐峪沟乡","code":"650421202000"},{"name":"火车站镇","code":"650421102000"},{"name":"连木沁镇","code":"650421103000"},{"name":"鲁克沁镇","code":"650421104000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
