数据可视化大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理东营市河口区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
河口区,东营市辖区,位于山东省北部,黄河入海口北侧,境域属典型的黄河三角洲地貌,地势南高北低,西高东低,为暖温带季风型大陆性气候;辖2个街道、4个镇,总面积2267.44平方公里。根据第七次人口普查数据,截至2020年11月1日零时,河口区常住人口197648人。
echarts东营市河口区geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
echarts东营市河口区geoJson地图label自定义样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts东营市河口区geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
threejs东营市河口区geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰,如果对threejs感兴趣,可以观看threejs教程视频 Three.js视频教程3D可视化
threejs东营市河口区geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
threejs东营市河口区geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
东营市河口区 下辖有 开发区管委会,河口蓝色经济开发区,义和镇,仙河镇,孤岛镇,六合街道,新户镇,河口街道
东营市河口区下辖区域坐标
{"开发区管委会":[118.52628821490754,37.8384924880062],"河口蓝色经济开发区":[118.46056665884487,37.95882971321431],"义和镇":[118.37112301882505,37.87762727669569],"仙河镇":[118.8652167790649,38.01549308371143],"孤岛镇":[118.79722534431582,37.84070260421108],"六合街道":[118.59758835779797,37.84436500270969],"新户镇":[118.37668840204765,37.99348960564783],"河口街道":[118.56760853730646,37.98101849443617]}
东营市河口区行政划分代码
[{"name":"开发区管委会","code":""},{"name":"河口蓝色经济开发区","code":"370503401000"},{"name":"义和镇","code":"370503100000"},{"name":"仙河镇","code":"370503101000"},{"name":"孤岛镇","code":"370503102000"},{"name":"六合街道","code":"370503002000"},{"name":"新户镇","code":"370503103000"},{"name":"河口街道","code":"370503001000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示