数据大屏可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理济宁市任城区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
济宁市任城区位于鲁西南平原，南四湖北端，为济宁市政治、经济、文化中心，济宁市组群城市核心区。总面积651平方千米。根据第七次人口普查数据，截至2020年11月1日零时，任城区常住人口为1075599人
echarts济宁市任城区geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
echarts济宁市任城区geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts济宁市任城区geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
threejs济宁市任城区geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能,如果对threejs感兴趣，可以观看threejs视频 Three.js前端3D可视化
threejs济宁市任城区geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
threejs济宁市任城区geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
济宁市任城区 下辖有 济东物业服务中心,喻屯镇,安居街道,济阳街道,金城街道,长沟镇,仙营街道,南张街道,李营街道,柳行街道,洸河街道,许庄街道,越河街道,观音阁街道,石桥镇,南苑街道,唐口街道,接庄街道,阜桥街道,廿里铺街道,古槐街道
济宁市任城区下辖区域坐标
{"济东物业服务中心":[116.68846285349792,35.35028635148529],"喻屯镇":[116.57617907970231,35.2093300543569],"安居街道":[116.50139746852662,35.39413410505757],"济阳街道":[116.55034233071757,35.40226370927478],"金城街道":[116.56441460893205,35.41857698995201],"长沟镇":[116.45336676083603,35.50932873093991],"仙营街道":[116.58903529411232,35.42687083473865],"南张街道":[116.51681403335581,35.44834485874529],"李营街道":[116.60465241474023,35.48661653109868],"柳行街道":[116.6673496567135,35.46062152927385],"洸河街道":[116.61479836613717,35.43063511830983],"许庄街道":[116.59390731954808,35.34499956810956],"越河街道":[116.58033284681926,35.3952692718927],"观音阁街道":[116.61263886777346,35.39872037052965],"石桥镇":[116.67981387234639,35.30052711082104],"南苑街道":[116.56879999662542,35.38706525566798],"唐口街道":[116.49553463398824,35.305396763892],"接庄街道":[116.68841886632913,35.37267607665964],"阜桥街道":[116.60553715382017,35.40444675959881],"廿里铺街道":[116.55934485739273,35.51468478994454],"古槐街道":[116.57437681970256,35.41316160322175]}
济宁市任城区行政划分代码
[{"name":"济东物业服务中心","code":"370811401000"},{"name":"喻屯镇","code":"370811111000"},{"name":"安居街道","code":"370811017000"},{"name":"济阳街道","code":"370811012000"},{"name":"金城街道","code":"370811008000"},{"name":"长沟镇","code":"370811102000"},{"name":"仙营街道","code":"370811007000"},{"name":"南张街道","code":"370811006000"},{"name":"李营街道","code":"370811005000"},{"name":"柳行街道","code":""},{"name":"洸河街道","code":""},{"name":"许庄街道","code":"370811002000"},{"name":"越河街道","code":"370811014000"},{"name":"观音阁街道","code":"370811015000"},{"name":"石桥镇","code":"370811109000"},{"name":"南苑街道","code":"370811016000"},{"name":"唐口街道","code":"370811018000"},{"name":"接庄街道","code":""},{"name":"阜桥街道","code":"370811013000"},{"name":"廿里铺街道","code":"370811009000"},{"name":"古槐街道","code":"370811011000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示
