可视化大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理锦州市凌河区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
凌河区隶属辽宁省锦州市,位于锦州市区东部,作为锦州市主城区,是锦州市政治、交通、经济中心和辽西地区人流、物流、信息流汇聚地。 是辽西沿海经济区中心城市的核心城区。地理坐标中心点为东经121°8′40″,北纬41°6′55″。气候属大陆性温带季风性气候,春季温暖湿润,夏季较热多雨,秋季凉爽适宜,冬季偏寒少雪;地势西北高东南低。总面积42平方千米,2022年,凌河区常住人口50.5万,户籍人口38.6万。截至2022年10月,下辖6个街道。区政府驻解放路五段25号。
echarts锦州市凌河区geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
echarts锦州市凌河区geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
echarts锦州市凌河区geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
threejs锦州市凌河区geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例,如果想系统的学习threejs的话,可以观看threejs课程视频 WebGL 3D可视化教程
threejs锦州市凌河区geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
threejs锦州市凌河区geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
锦州市凌河区 下辖有 紫荆街道,石桥子街道,铁新街道,康宁街道,榴花街道,菊园街道,凌安街道,马家街道,龙江街道,锦州北山农工商总公司,锦铁街道,正大街道
锦州市凌河区下辖区域坐标
{"紫荆街道":[121.18556125784136,41.12749397566468],"石桥子街道":[121.13504394299093,41.13903186473642],"铁新街道":[121.16698088512746,41.12748762774261],"康宁街道":[121.14836729346138,41.12832947668545],"榴花街道":[121.17041275833454,41.11399224284229],"菊园街道":[121.16182078441226,41.10295882236252],"凌安街道":[121.13740548352433,41.10651579998549],"马家街道":[],"龙江街道":[121.14567719188389,41.10574688925847],"锦州北山农工商总公司":[],"锦铁街道":[121.1406652576398,41.11814311765215],"正大街道":[121.13370154482142,41.12701225125245]}
锦州市凌河区行政划分代码
[{"name":"紫荆街道","code":"210703011000"},{"name":"石桥子街道","code":"210703002000"},{"name":"铁新街道","code":""},{"name":"康宁街道","code":"210703008000"},{"name":"榴花街道","code":"210703004000"},{"name":"菊园街道","code":""},{"name":"凌安街道","code":""},{"name":"马家街道","code":""},{"name":"龙江街道","code":"210703003000"},{"name":"锦州北山农工商总公司","code":"210703403000"},{"name":"锦铁街道","code":"210703009000"},{"name":"正大街道","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。