大屏数据可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理白城市洮南市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts白城市洮南市geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts白城市洮南市geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
echarts白城市洮南市geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
threejs白城市洮南市geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果想系统的学习threejs的话,可以观看threejs视频 WebGL前端3D可视化教程
threejs白城市洮南市geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
threejs白城市洮南市geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
白城市洮南市 下辖有 聚宝乡,黑水镇,光明街道,兴隆街道,二龙乡,福顺镇,东方红畜牧场,呼和车力蒙古族乡,永茂林场,万宝乡,大通乡,永茂乡,蛟流河乡,通达街道,永康街道,洮府街道,安定镇,胡力吐蒙古族乡,万宝镇,团结街道,东升乡,富文街道,瓦房镇,那金镇,野马乡,向阳街道,市原种场
白城市洮南市下辖区域坐标
{"聚宝乡":[122.07297213522612,45.58234007042799],"黑水镇":[122.8026057915038,45.18133745716464],"光明街道":[122.7842459684525,45.3349738821928],"兴隆街道":[122.78328404163635,45.35135925753171],"二龙乡":[123.12771324484497,45.29584332897264],"福顺镇":[122.56295823719952,45.52947526320483],"东方红畜牧场":[122.94801180789194,45.15735174288889],"呼和车力蒙古族乡":[122.3940269529744,45.22491026919615],"永茂林场":[122.18418256415208,45.54632711376047],"万宝乡":[121.8538721868016,45.87268270823924],"大通乡":[122.40525207269624,45.36045517357138],"永茂乡":[122.24675036585248,45.56540815804837],"蛟流河乡":[122.34139799605445,45.46671206458826],"通达街道":[122.8132792100522,45.33576678843154],"永康街道":[122.75954974420777,45.3180637144053],"洮府街道":[122.73776876699851,45.33220167503944],"安定镇":[122.58257555680751,45.18466052582851],"胡力吐蒙古族乡":[121.87780381925725,45.96481320867858],"万宝镇":[121.7733105309303,45.77133908511838],"团结街道":[122.75640929172715,45.33306393877892],"东升乡":[121.9526938433358,45.85547568714168],"富文街道":[122.75769746580627,45.34589906295963],"瓦房镇":[122.28639472242762,45.74499701704586],"那金镇":[122.11596471223287,45.82640348736444],"野马乡":[122.03680218702354,45.70586049346954],"向阳街道":[122.9521760552445,45.25524882299791],"市原种场":[122.47161671366861,45.27059184629613]}
白城市洮南市行政划分代码
[{"name":"聚宝乡","code":"220881202000"},{"name":"黑水镇","code":"220881102000"},{"name":"光明街道","code":"220881003000"},{"name":"兴隆街道","code":"220881004000"},{"name":"二龙乡","code":"220881209000"},{"name":"福顺镇","code":"220881105000"},{"name":"东方红畜牧场","code":""},{"name":"呼和车力蒙古族乡","code":"220881210000"},{"name":"永茂林场","code":""},{"name":"万宝乡","code":"220881201000"},{"name":"大通乡","code":"220881207000"},{"name":"永茂乡","code":"220881205000"},{"name":"蛟流河乡","code":"220881206000"},{"name":"通达街道","code":"220881006000"},{"name":"永康街道","code":"220881005000"},{"name":"洮府街道","code":"220881007000"},{"name":"安定镇","code":"220881104000"},{"name":"胡力吐蒙古族乡","code":"220881200000"},{"name":"万宝镇","code":"220881101000"},{"name":"团结街道","code":"220881001000"},{"name":"东升乡","code":"220881203000"},{"name":"富文街道","code":"220881002000"},{"name":"瓦房镇","code":"220881100000"},{"name":"那金镇","code":"220881103000"},{"name":"野马乡","code":"220881204000"},{"name":"向阳街道","code":"220881008000"},{"name":"市原种场","code":"220881402000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看