数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理西安市临潼区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
临潼区，隶属于陕西省西安市，位于关中平原之东，南接蓝田县，北接阎良区，西北接连咸阳市三原县，西接高陵区，东接渭南市临渭区，西南与灞桥区为界。介于东经109°05′49″—109°27′50″，北纬34°16′49″—34°44′11″之间，总面积915平方千米。截至2022年10月，临潼区下辖23个街道。截至2022年末，临潼区常住人口68.45万人。
echarts西安市临潼区geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
echarts西安市临潼区geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
echarts西安市临潼区geoJson地图 tooltip轮播
echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.
threejs西安市临潼区geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果对threejs感兴趣，可以观看threejs视频教程 WebGL 3D可视化教程
threejs西安市临潼区geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
threejs西安市临潼区geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
西安市临潼区 下辖有 骊山街道,交口街道,代王街道,任留街道,何寨街道,北田街道,徐杨街道,斜口街道,新丰街道,马额街道,新市街道,油槐街道,秦陵街道,穆寨街道,行者街道,西泉街道,铁炉街道,雨金街道,仁宗街道,小金街道,栎阳街道,相桥街道,零口街道
西安市临潼区下辖区域坐标
{"骊山街道":[109.21892570786639,34.37225563367488],"交口街道":[109.29469052680585,34.57175444120767],"代王街道":[109.31879320451785,34.40652096348185],"任留街道":[109.24087913654165,34.47392429209123],"何寨街道":[109.33091984789937,34.51577366070988],"北田街道":[109.19888222741434,34.46029478000656],"徐杨街道":[109.16036574667955,34.61288692731206],"斜口街道":[109.16376399258951,34.34530706866687],"新丰街道":[109.26435895757106,34.44709693113759],"马额街道":[109.38876131071419,34.4102014342544],"新市街道":[109.17664885654236,34.53020958645342],"油槐街道":[109.37990283588135,34.56259758575912],"秦陵街道":[109.2559928531052,34.37951074610741],"穆寨街道":[109.35439559694206,34.33576025320453],"行者街道":[109.1928117792735,34.40506264433328],"西泉街道":[109.14086870589583,34.40727353599107],"铁炉街道":[109.42897579477845,34.40053279145106],"雨金街道":[109.24175652985053,34.52977996269276],"仁宗街道":[109.27806866136544,34.33662426658859],"小金街道":[109.41982580471246,34.34612096075707],"栎阳街道":[109.19525341403741,34.58130819997834],"相桥街道":[109.38699662419226,34.6118052887507],"零口街道":[109.36448278983994,34.48254085993088]}
西安市临潼区行政划分代码
[{"name":"骊山街道","code":"610115001000"},{"name":"交口街道","code":"610115016000"},{"name":"代王街道","code":"610115004000"},{"name":"任留街道","code":"610115020000"},{"name":"何寨街道","code":"610115015000"},{"name":"北田街道","code":"610115018000"},{"name":"徐杨街道","code":"610115011000"},{"name":"斜口街道","code":"610115005000"},{"name":"新丰街道","code":"610115003000"},{"name":"马额街道","code":"610115014000"},{"name":"新市街道","code":"610115010000"},{"name":"油槐街道","code":"610115017000"},{"name":"秦陵街道","code":"610115002000"},{"name":"穆寨街道","code":"610115021000"},{"name":"行者街道","code":"610115006000"},{"name":"西泉街道","code":"610115012000"},{"name":"铁炉街道","code":"610115019000"},{"name":"雨金街道","code":"610115009000"},{"name":"仁宗街道","code":"610115023000"},{"name":"小金街道","code":"610115022000"},{"name":"栎阳街道","code":"610115013000"},{"name":"相桥街道","code":"610115008000"},{"name":"零口街道","code":"610115007000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示
