随着开发 大屏数据可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理淮南市凤台县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts淮南市凤台县geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
echarts淮南市凤台县geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
echarts淮南市凤台县geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
threejs淮南市凤台县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果想系统的学习threejs的话，可以观看threejs教程视频 WebGL前端3D可视化教程
threejs淮南市凤台县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
threejs淮南市凤台县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
淮南市凤台县 下辖有 顾桥镇,丁集乡,钱庙乡,关店乡,凤凰镇,刘集乡,古店乡,杨村镇,城关镇,夏集镇,尚塘乡,新集镇,桂集镇,毛集镇,大兴集乡,岳张集镇,朱马店镇,焦岗湖镇,李冲回族乡
淮南市凤台县下辖区域坐标
{"顾桥镇":[116.55567722738343,32.83420161006698],"丁集乡":[116.62472240505221,32.83171206398664],"钱庙乡":[116.48543422983747,32.82471402519327],"关店乡":[116.63192340003769,32.87836622145118],"凤凰镇":[116.68720056155902,32.76300398760485],"刘集乡":[116.65302812283474,32.6920134235549],"古店乡":[116.54154871670528,32.9004457270993],"杨村镇":[116.42703328856786,32.88838311364159],"城关镇":[116.74549246494652,32.71556194225822],"夏集镇":[116.5460206361848,32.67150422541489],"尚塘乡":[116.41573143741687,32.96150050344718],"新集镇":[116.50820806617864,32.70379986712103],"桂集镇":[116.59031337305197,32.77383727640991],"毛集镇":[116.66021264793861,32.65879112230242],"大兴集乡":[116.61208400640035,32.92407914648044],"岳张集镇":[116.49419833929733,32.77211695782445],"朱马店镇":[116.47483379301102,32.92679786770945],"焦岗湖镇":[116.62330577761003,32.60316097391583],"李冲回族乡":[116.73748894033199,32.67680068959793]}
淮南市凤台县行政划分代码
[{"name":"顾桥镇","code":"340421105000"},{"name":"丁集乡","code":""},{"name":"钱庙乡","code":"340421205000"},{"name":"关店乡","code":"340421209000"},{"name":"凤凰镇","code":"340421110000"},{"name":"刘集乡","code":""},{"name":"古店乡","code":"340421204000"},{"name":"杨村镇","code":"340421111000"},{"name":"城关镇","code":"340421100000"},{"name":"夏集镇","code":"340421107000"},{"name":"尚塘乡","code":""},{"name":"新集镇","code":"340421102000"},{"name":"桂集镇","code":"340421108000"},{"name":"毛集镇","code":"340421106000"},{"name":"大兴集乡","code":""},{"name":"岳张集镇","code":"340421104000"},{"name":"朱马店镇","code":"340421103000"},{"name":"焦岗湖镇","code":"340421109000"},{"name":"李冲回族乡","code":"340421212000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
