数据大屏 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理潍坊市奎文区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
奎文区，隶属于山东省潍坊市。位于潍坊市中部偏北、东北与寒亭区相邻，西以白浪河为界，与潍城区相望，南、东南与坊子区毗连，总面积187.78平方千米。截至2022年10月，奎文区下辖10个街道 。根据第七次人口普查数据，截至2020年11月1日零时，奎文区常住人口为475103人。
echarts潍坊市奎文区geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
echarts潍坊市奎文区geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
echarts潍坊市奎文区geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
threejs潍坊市奎文区geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能,如果想系统的学习threejs的话，可以观看threejs视频 Three.js前端3D可视化
threejs潍坊市奎文区geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
threejs潍坊市奎文区geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
潍坊市奎文区 下辖有 北海路街道,潍州路街道,梨园街道,广文街道,北苑街道,大虞街道,东关街道,新城街道,清池街道,廿里堡街道
潍坊市奎文区下辖区域坐标
{"北海路街道":[119.14617358212503,36.72144295242271],"潍州路街道":[119.11019598732184,36.68537567560757],"梨园街道":[119.13736879438471,36.68378914421858],"广文街道":[119.13687998078905,36.70203687424651],"北苑街道":[119.11436220986536,36.74321557462656],"大虞街道":[119.13332230916413,36.73445190279597],"东关街道":[119.11509021029593,36.71251679267577],"新城街道":[119.1204232025016,36.73679725839239],"清池街道":[119.240279810672,36.67453501437777],"廿里堡街道":[119.12108769602813,36.64336667546219]}
潍坊市奎文区行政划分代码
[{"name":"北海路街道","code":"370705012000"},{"name":"潍州路街道","code":"370705005000"},{"name":"梨园街道","code":"370705003000"},{"name":"广文街道","code":"370705007000"},{"name":"北苑街道","code":"370705006000"},{"name":"大虞街道","code":"370705002000"},{"name":"东关街道","code":"370705001000"},{"name":"新城街道","code":"370705009000"},{"name":"清池街道","code":"370705010000"},{"name":"廿里堡街道","code":"370705004000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示
