数据大屏可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理咸阳市彬州市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
彬州市,陕西省辖县级市,由咸阳市代管,位于陕西省渭北高原西部、咸阳市西北部,介于东经107°49′~108°22′,北纬34°51′~35°17′之间。全市总面积1185平方千米。彬州市属于暖温带半干旱大陆性季风气候。截至2022年10月,彬州市辖8个镇、2个街道。彬州市人民政府驻城关街道。2021年末,彬州市户籍人口101689户、362759人。
echarts咸阳市彬州市geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
echarts咸阳市彬州市geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts咸阳市彬州市geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
threejs咸阳市彬州市geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能,如果对threejs感兴趣,可以观看threejs课程视频 WebGL 3D可视化教程
threejs咸阳市彬州市geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
threejs咸阳市彬州市geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
咸阳市彬州市 下辖有 水口镇,永乐镇,炭店镇,韩家镇,香庙镇,龙高镇,义门镇,北极镇,城关镇,太峪镇,小章镇,底店镇,新民镇
咸阳市彬州市下辖区域坐标
{"水口镇":[108.00737029802737,34.97995283971802],"永乐镇":[108.12346321456829,35.22732958367894],"炭店镇":[108.1414352738305,35.05240176410062],"韩家镇":[107.90100525302893,34.95096153289946],"香庙镇":[108.21939556449583,34.98006982974002],"龙高镇":[108.28337755311972,34.9185817675888],"义门镇":[107.99197163470325,35.13988426841829],"北极镇":[108.02188380270155,35.2009279050866],"城关镇":[108.02678247204642,35.03887833444737],"太峪镇":[108.07900616310502,34.94973809527842],"小章镇":[108.08627771321474,35.10927155374642],"底店镇":[107.93432137057142,34.92364124303461],"新民镇":[108.15807701485312,35.14388720887599]}
咸阳市彬州市行政划分代码
[{"name":"水口镇","code":"610482107000"},{"name":"永乐镇","code":"610482105000"},{"name":"炭店镇","code":""},{"name":"韩家镇","code":"610482108000"},{"name":"香庙镇","code":""},{"name":"龙高镇","code":"610482103000"},{"name":"义门镇","code":"610482106000"},{"name":"北极镇","code":"610482101000"},{"name":"城关镇","code":""},{"name":"太峪镇","code":"610482109000"},{"name":"小章镇","code":""},{"name":"底店镇","code":""},{"name":"新民镇","code":"610482102000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示