随着开发 数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理咸阳市渭城区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
渭城区，隶属于陕西省咸阳市，地处关中中部渭河北岸，位于咸阳市区东半部，泾河、渭水交汇的三角地带。东面与西安市高陵区接壤，西面和秦都区为邻，南面隔渭河与西安相望，北面同礼泉、泾阳毗连。介于东经108°40′03"—108°57′36"，北纬34°19′47"—34°29′17"之间，东西长约26.73千米，南北宽约17.92千米，面积272平方千米。截至2022年10月，渭城区下辖10个街道。截至2022年末，渭城区常住人口30.05万人。
echarts咸阳市渭城区geoJson地图热力图
echarts通过heatmap实现热力图效果
echarts咸阳市渭城区geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts咸阳市渭城区geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
threejs咸阳市渭城区geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果想系统的学习threejs的话，可以观看threejs视频教程 WebGL 3D可视化教程
threejs咸阳市渭城区geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
threejs咸阳市渭城区geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
咸阳市渭城区 下辖有 文汇路街道,窑店街道,周陵街道,北杜镇,中山街道,渭阳街道,底张街道,新兴街道,正阳街道,渭城街道
咸阳市渭城区下辖区域坐标
{"文汇路街道":[108.72481315096184,34.3499907476811],"窑店街道":[108.84308742464518,34.40490445439853],"周陵街道":[108.72296091072093,34.3977220309834],"北杜镇":[108.71769682064772,34.45673847989183],"中山街道":[108.7273266424202,34.33555177772391],"渭阳街道":[108.73524640838318,34.35749637203568],"底张街道":[108.78617210885014,34.44778996348421],"新兴街道":[108.72699414664945,34.34270774655162],"正阳街道":[108.88979599692016,34.43498526715252],"渭城街道":[108.77455298508033,34.38463415792013]}
咸阳市渭城区行政划分代码
[{"name":"文汇路街道","code":"610404002000"},{"name":"窑店街道","code":"610404006000"},{"name":"周陵街道","code":"610404008000"},{"name":"北杜镇","code":""},{"name":"中山街道","code":""},{"name":"渭阳街道","code":"610404004000"},{"name":"底张街道","code":"610404009000"},{"name":"新兴街道","code":""},{"name":"正阳街道","code":"610404007000"},{"name":"渭城街道","code":"610404005000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示
