数据大屏可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理抚顺市新抚区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
新抚区,辽宁省抚顺市辖区,是抚顺市政治、经济、文化、教育中心。位于辽宁省东部,抚顺市的中部,丘陵地带。截止到2019年,新抚区辖6个街道、1个乡、1个省级开发区,共59个社区、13个行政村。 新抚区地域面积108.2平方公里。
echarts抚顺市新抚区geoJson地图自定义label样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts抚顺市新抚区geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
echarts抚顺市新抚区geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
threejs抚顺市新抚区geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果想系统的学习threejs的话,可以观看threejs视频课程 3D可视化Three.js视频教程
threejs抚顺市新抚区geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
抚顺市新抚区 下辖有 东公园街道,新抚街道,福民街道,站前街道,南阳街道,榆林街道,南花园街道,刘山街道,千金街道,千金乡,永安台街道
抚顺市新抚区下辖区域坐标
{"东公园街道":[123.92248921496036,41.86587489914649],"新抚街道":[123.84890873805669,41.8521171477952],"福民街道":[123.87822769633958,41.86051886307995],"站前街道":[123.89672535662643,41.86040877153269],"南阳街道":[123.91049082816738,41.85189129127539],"榆林街道":[123.95609313436489,41.86341427831996],"南花园街道":[123.90458300077987,41.82452725288415],"刘山街道":[123.88709189170763,41.83264615133685],"千金街道":[123.88481613244795,41.85828460626233],"千金乡":[123.94237931140395,41.77745530775998],"永安台街道":[123.91058950094597,41.86307682199941]}
抚顺市新抚区行政划分代码
[{"name":"东公园街道","code":""},{"name":"新抚街道","code":"210402007000"},{"name":"福民街道","code":"210402005000"},{"name":"站前街道","code":"210402001000"},{"name":"南阳街道","code":""},{"name":"榆林街道","code":"210402009000"},{"name":"南花园街道","code":""},{"name":"刘山街道","code":"210402019000"},{"name":"千金街道","code":""},{"name":"千金乡","code":"210402201000"},{"name":"永安台街道","code":"210402011000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。