大屏数据可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理沈阳市铁西区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
铁西区,隶属于辽宁省沈阳市,是沈阳市的中心城区之一,北临皇姑区、于洪区,西接辽中区,东与和平区、苏家屯区接界。根据第七次人口普查数据,截至2020年11月1日零时,铁西区常住人口为1335935人。
echarts沈阳市铁西区geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
echarts沈阳市铁西区geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
echarts沈阳市铁西区geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
threejs沈阳市铁西区geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能,如果想系统的学习threejs的话,可以观看threejs教程视频 Three.js 3D可视化
threejs沈阳市铁西区geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
threejs沈阳市铁西区geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
沈阳市铁西区 下辖有 霁虹街道,凌空街道,启工街道,笃工街道,昆明湖街道,兴顺街道,西三环街道,七路街道,保工街道,兴华街道,兴工街道,艳粉街道,贵和街道,重工街道,大潘街道,翟家街道,高花街道,工人村街道,彭驿站街道,大青中朝友谊街道,沈阳市经济技术开发区
沈阳市铁西区下辖区域坐标
{"霁虹街道":[123.38219549592831,41.80135005840994],"凌空街道":[123.36256666004371,41.7682499998396],"启工街道":[123.3318935790661,41.81706197036716],"笃工街道":[123.36217081301207,41.8081577237126],"昆明湖街道":[123.28668447015724,41.76263583754493],"兴顺街道":[123.35052575801122,41.79560935942194],"西三环街道":[],"七路街道":[123.33737184664841,41.79689731841108],"保工街道":[123.34228748848531,41.7836292228003],"兴华街道":[123.35494209317291,41.78152362743693],"兴工街道":[123.37221809895263,41.78423155987588],"艳粉街道":[123.33482618045356,41.77115591593737],"贵和街道":[123.36464144090652,41.78875684322255],"重工街道":[123.32125611287094,41.80093750647904],"大潘街道":[123.15198014170026,41.70825380837002],"翟家街道":[123.23737271392997,41.71242363359251],"高花街道":[123.06657954917225,41.69718180226134],"工人村街道":[123.32350337535262,41.78398567899177],"彭驿站街道":[123.09466111037494,41.63970821876683],"大青中朝友谊街道":[],"沈阳市经济技术开发区":[]}
沈阳市铁西区行政划分代码
[{"name":"霁虹街道","code":"210106019000"},{"name":"凌空街道","code":"210106020000"},{"name":"启工街道","code":"210106007000"},{"name":"笃工街道","code":"210106013000"},{"name":"昆明湖街道","code":"210106001000"},{"name":"兴顺街道","code":"210106024000"},{"name":"西三环街道","code":""},{"name":"七路街道","code":""},{"name":"保工街道","code":""},{"name":"兴华街道","code":"210106015000"},{"name":"兴工街道","code":""},{"name":"艳粉街道","code":""},{"name":"贵和街道","code":""},{"name":"重工街道","code":"210106021000"},{"name":"大潘街道","code":"210106029000"},{"name":"翟家街道","code":"210106027000"},{"name":"高花街道","code":"210106031000"},{"name":"工人村街道","code":"210106003000"},{"name":"彭驿站街道","code":""},{"name":"大青中朝友谊街道","code":"210106026000"},{"name":"沈阳市经济技术开发区","code":"210106401000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。