echarts东营市利津县geoJson地图 visualMap控制地图颜色演示实例

geoJson2 yekong

数据大屏可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理东营市利津县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

利津县,隶属于山东省东营市,位于山东省北部,介于东经118°07′—118°54′,北纬37°22′—38°12′之间,南北长102.5千米,东西宽8.5—25千米,总面积1665.6平方千米。截至2022年10月,利津县下辖2个街道、4个镇、2个乡,另设有1个开发区。截至2022年末,利津县常住人口23.99万人。

echarts东营市利津县geoJson地图 visualMap控制地图颜色

echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化

echarts东营市利津县geoJson地图 visualMap控制地图颜色

echarts东营市利津县geoJson地图点击地图获取经纬度

echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.

echarts东营市利津县geoJson地图点击地图获取经纬度

echarts东营市利津县geoJson地图label自定义样式

echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果

echarts东营市利津县geoJson地图label自定义样式

threejs东营市利津县geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果对threejs感兴趣,可以观看threejs视频课程 WebGL/Three.js前端3D可视化教程

threejs东营市利津县geoJson地图3d地图添加旋转棱锥

threejs东营市利津县geoJson地图3d地图CSS3D标签

通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份

threejs东营市利津县geoJson地图3d地图CSS3D标签

threejs东营市利津县geoJson地图3d地图自定义贴图加CSS3D标签

通过threejs绘制3d地图并添加CSS3D标签和自定义贴图

threejs东营市利津县geoJson地图3d地图自定义贴图加CSS3D标签

东营市利津县 下辖有 刁口乡,北宋镇,明集乡,汀罗镇,盐窝镇,陈庄镇,利津街道,凤凰城街道,利津县县城社区,利津县经济开发区

东营市利津县下辖区域坐标

{"刁口乡":[118.61041424097289,38.05394442553377],"北宋镇":[118.1733949353565,37.43986309828642],"明集乡":[118.19751611315507,37.60803612274728],"汀罗镇":[118.55291030561315,37.77374910930649],"盐窝镇":[118.36467820480593,37.70721871277493],"陈庄镇":[118.56802946794741,37.69613333335629],"利津街道":[],"凤凰城街道":[],"利津县县城社区":[118.24332176992986,37.50195255447083],"利津县经济开发区":[118.23460350493795,37.51111192154663]}

东营市利津县行政划分代码

[{"name":"刁口乡","code":"370522206000"},{"name":"北宋镇","code":"370522101000"},{"name":"明集乡","code":"370522201000"},{"name":"汀罗镇","code":"370522104000"},{"name":"盐窝镇","code":"370522102000"},{"name":"陈庄镇","code":"370522103000"},{"name":"利津街道","code":"370522001000"},{"name":"凤凰城街道","code":"370522002000"},{"name":"利津县县城社区","code":""},{"name":"利津县经济开发区","code":"370522400000"}]

说明

1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。

2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。

3、本数据仅用于echarts threejs地图效果展示。

4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示

东营市利津县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts东营市利津县geoJson地图 visualMap控制地图颜色演示实例