随着开发 可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理锦州市北镇市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
北镇市，辽宁省辖县级市，由锦州市代管。地处辽宁省西部，医巫闾山东麓。地理坐标界于北纬41°19′至北纬41°48′，东经121°33′至东经122°12′之间。总面积1693平方公里。北镇市全境处于北半球中纬度地带，属温带半湿润大陆性季风气候。截至2019年，北镇市辖5个街道，11个镇和3个乡，市政府驻北镇街道。根据第七次人口普查数据，截至2020年11月1日零时，北镇市常住人口为422289人。
echarts锦州市北镇市geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts锦州市北镇市geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
echarts锦州市北镇市geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
threejs锦州市北镇市geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话，可以观看threejs视频课程 WebGL前端3D可视化教程
threejs锦州市北镇市geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
threejs锦州市北镇市geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
锦州市北镇市 下辖有 鲍家乡,北镇街道,常兴店镇,新立农场,青堆子镇,廖屯镇,吴家乡,大屯乡,富屯乡,沟帮子镇,柳家乡,罗罗堡镇,观音阁街道,辽宁省北镇市高山子监狱,高山子镇,中安镇,大市镇,广宁乡,正安镇,赵屯镇,闾阳镇
锦州市北镇市下辖区域坐标
{"鲍家乡":[121.67598294667863,41.50110312696081],"北镇街道":[121.78853255055247,41.59393410141178],"常兴店镇":[121.66889773421939,41.43876288500645],"新立农场":[122.06238878927745,41.42953311899014],"青堆子镇":[121.93316171295169,41.41596057746941],"廖屯镇":[121.78234714755672,41.46681819009412],"吴家乡":[121.99457297545356,41.44321066546206],"大屯乡":[121.84699909730574,41.50996781446963],"富屯乡":[121.77425472207611,41.65491278579994],"沟帮子镇":[121.7689728594506,41.36996004441292],"柳家乡":[122.13432047583372,41.48793125582556],"罗罗堡镇":[121.67670570613359,41.55733791385151],"观音阁街道":[121.70509148480048,41.6035597773764],"辽宁省北镇市高山子监狱":[122.12189130497683,41.43689965855616],"高山子镇":[122.05013495723182,41.50874104075683],"中安镇":[121.94177275132483,41.5633988536932],"大市镇":[121.7934211605501,41.74790464485811],"广宁乡":[121.82834326697422,41.60085487816022],"正安镇":[121.90199256148614,41.72218851773678],"赵屯镇":[121.863353574104,41.39187457055523],"闾阳镇":[121.6536123769827,41.39552235709784]}
锦州市北镇市行政划分代码
[{"name":"鲍家乡","code":"210782203000"},{"name":"北镇街道","code":"210782004000"},{"name":"常兴店镇","code":"210782103000"},{"name":"新立农场","code":"210782403000"},{"name":"青堆子镇","code":"210782110000"},{"name":"廖屯镇","code":"210782107000"},{"name":"吴家乡","code":""},{"name":"大屯乡","code":"210782206000"},{"name":"富屯乡","code":""},{"name":"沟帮子镇","code":""},{"name":"柳家乡","code":"210782209000"},{"name":"罗罗堡镇","code":"210782102000"},{"name":"观音阁街道","code":""},{"name":"辽宁省北镇市高山子监狱","code":"210782402000"},{"name":"高山子镇","code":"210782111000"},{"name":"中安镇","code":"210782106000"},{"name":"大市镇","code":"210782101000"},{"name":"广宁乡","code":""},{"name":"正安镇","code":"210782104000"},{"name":"赵屯镇","code":"210782109000"},{"name":"闾阳镇","code":"210782105000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
