可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理临沧市云县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts临沧市云县geoJson地图热力图
echarts通过heatmap实现热力图效果
echarts临沧市云县geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
echarts临沧市云县geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
threejs临沧市云县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果想系统的学习threejs的话,可以观看threejs教程视频 Three.js前端3D可视化教程
threejs临沧市云县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
threejs临沧市云县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
临沧市云县 下辖有 后箐乡,大寨镇,幸福镇,忙怀乡,晓街乡,栗树乡,大朝山西镇,涌宝镇,漫湾镇,茂兰镇,茶房乡,幸福农场,新城农场,爱华镇
临沧市云县下辖区域坐标
{"后箐乡":[100.4395857511834,24.34261429846994],"大寨镇":[100.2346371639548,24.14076691209551],"幸福镇":[99.89733515343556,24.13020591032353],"忙怀乡":[100.43912271638271,24.48595323359445],"晓街乡":[100.25005119088738,24.40898649392781],"栗树乡":[100.45715472940901,24.17762010780315],"大朝山西镇":[100.30849884597652,24.03991915171969],"涌宝镇":[100.33222099233868,24.27067587446773],"漫湾镇":[100.38478409044436,24.65184671747123],"茂兰镇":[100.27722650298327,24.62051128758635],"茶房乡":[100.19517255630305,24.25063514462516],"幸福农场":[99.94931989447154,24.14230605799614],"新城农场":[100.14720568497404,24.46951465156219],"爱华镇":[100.09460853389471,24.39613644424098]}
临沧市云县行政划分代码
[{"name":"后箐乡","code":""},{"name":"大寨镇","code":"530922107000"},{"name":"幸福镇","code":"530922106000"},{"name":"忙怀乡","code":""},{"name":"晓街乡","code":"530922202000"},{"name":"栗树乡","code":""},{"name":"大朝山西镇","code":"530922103000"},{"name":"涌宝镇","code":"530922104000"},{"name":"漫湾镇","code":"530922102000"},{"name":"茂兰镇","code":"530922105000"},{"name":"茶房乡","code":"530922203000"},{"name":"幸福农场","code":"530922501000"},{"name":"新城农场","code":"530922502000"},{"name":"爱华镇","code":"530922101000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看