数据可视化大屏 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理威海市文登区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
文登区，隶属中国山东省威海市，位于山东半岛东部，中心位置约在36°52'~37°23'、东经121°43'~122°19'之间。总面积1364平方千米。2021年末，文登区户籍总人口520604人。文登地处北温带，属于大陆性季风气候。截至2021年10月，文登区3个街道、12个镇，另辖1个乡级单位。
echarts威海市文登区geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
echarts威海市文登区geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
echarts威海市文登区geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
threejs威海市文登区geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果对threejs感兴趣，可以观看threejs教程视频 WebGL 3D可视化教程
threejs威海市文登区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
threejs威海市文登区geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
威海市文登区 下辖有 侯家镇,环山路街道,张家产镇,开发区街道,龙山路街道,埠口港,宋村镇,泽头镇,小观镇,泽库镇,大水泊镇,界石镇,米山镇,葛家镇,高村镇,文登营镇,天福路街道
威海市文登区下辖区域坐标
{"侯家镇":[122.08065690450158,37.01084601772433],"环山路街道":[122.0250510915825,37.16566575289952],"张家产镇":[122.0961055792911,37.10445810531665],"开发区街道":[122.07638564796932,37.23597431246638],"龙山路街道":[122.01149633823354,37.21537375718033],"埠口港":[122.16904537457992,37.03080560417257],"宋村镇":[121.9862285973642,37.08254875295681],"泽头镇":[121.90510611256465,37.04557391682162],"小观镇":[121.90503495472532,36.98402713625382],"泽库镇":[],"大水泊镇":[122.20609937109103,37.17104766082744],"界石镇":[121.83521503264359,37.26626603901106],"米山镇":[121.93607028179778,37.16129221208722],"葛家镇":[121.81206025502956,37.12774011987885],"高村镇":[122.18861259835299,37.09066386667017],"文登营镇":[122.17988697032689,37.23210076128828],"天福路街道":[122.0905291941176,37.1774697553335]}
威海市文登区行政划分代码
[{"name":"侯家镇","code":"371003105000"},{"name":"环山路街道","code":"371003003000"},{"name":"张家产镇","code":"371003102000"},{"name":"开发区街道","code":""},{"name":"龙山路街道","code":"371003001000"},{"name":"埠口港","code":""},{"name":"宋村镇","code":"371003106000"},{"name":"泽头镇","code":"371003107000"},{"name":"小观镇","code":"371003108000"},{"name":"泽库镇","code":"371003104000"},{"name":"大水泊镇","code":"371003101000"},{"name":"界石镇","code":"371003111000"},{"name":"米山镇","code":"371003110000"},{"name":"葛家镇","code":"371003109000"},{"name":"高村镇","code":"371003103000"},{"name":"文登营镇","code":"371003100000"},{"name":"天福路街道","code":"371003002000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示
