数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理西安市蓝田县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
蓝田县，隶属于陕西省西安市，位于秦岭北麓，关中平原东南部，东南以秦岭为界，与商洛市洛南县、商州区、柞水县相接；西以库峪河为界，与长安区、灞桥区毗邻；北以骊山为界，与临潼区、渭南市临渭区、华州区接壤，总面积2006平方千米。约占西安市总面积的19.9%，距西安市区22千米。截至2022年10月，蓝田县下辖1个街道、18个镇。截至2022年末，蓝田县常住人口49.48万人。
echarts西安市蓝田县geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
echarts西安市蓝田县geoJson地图 tooltip轮播
echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.
echarts西安市蓝田县geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
threejs西安市蓝田县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名,如果对threejs感兴趣，可以观看threejs视频教程 WebGL/Three.js前端高薪3D可视化
threejs西安市蓝田县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
threejs西安市蓝田县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
西安市蓝田县 下辖有 厚镇,三里镇,前卫镇,史家寨镇,汤峪镇,九间房镇,华胥镇,葛牌镇,蓝关镇,三官庙镇,玉川镇,孟村镇,安村镇,小寨镇,洩湖镇,灞源镇,焦岱镇,玉山镇,蓝桥镇,辋川镇,金山镇,普化镇
西安市蓝田县下辖区域坐标
{"厚镇":[109.55411046474916,34.24525977037906],"三里镇":[],"前卫镇":[109.22786048822402,34.11719518394639],"史家寨镇":[109.16168002754588,34.04439609119766],"汤峪镇":[109.22732198277411,33.98618584905333],"九间房镇":[109.56397289076511,34.13601142867347],"华胥镇":[109.21804474544803,34.26326087869617],"葛牌镇":[109.50948511172206,33.93751933916446],"蓝关镇":[109.35724985764696,34.11273884473063],"三官庙镇":[109.41329441210979,34.23992813749808],"玉川镇":[109.37537817045481,33.93695668735379],"孟村镇":[109.20739864199457,34.17675021059374],"安村镇":[109.26944310900306,34.1360569463591],"小寨镇":[109.29735294830199,33.9988554756509],"洩湖镇":[109.28289151312909,34.2381297593959],"灞源镇":[109.70466478131414,34.17066650522084],"焦岱镇":[109.23507999216426,34.03297718047564],"玉山镇":[109.53291189115885,34.21778176788552],"蓝桥镇":[109.49720532854397,34.04752824058073],"辋川镇":[109.38423226063111,34.05372210054328],"金山镇":[109.3911538505231,34.29522555967855],"普化镇":[109.43825442489279,34.15514961457013]}
西安市蓝田县行政划分代码
[{"name":"厚镇","code":"610122115000"},{"name":"三里镇","code":"610122107000"},{"name":"前卫镇","code":"610122103000"},{"name":"史家寨镇","code":""},{"name":"汤峪镇","code":"610122104000"},{"name":"九间房镇","code":"610122111000"},{"name":"华胥镇","code":"610122102000"},{"name":"葛牌镇","code":"610122109000"},{"name":"蓝关镇","code":""},{"name":"三官庙镇","code":"610122116000"},{"name":"玉川镇","code":""},{"name":"孟村镇","code":"610122119000"},{"name":"安村镇","code":"610122118000"},{"name":"小寨镇","code":"610122120000"},{"name":"洩湖镇","code":"610122101000"},{"name":"灞源镇","code":"610122110000"},{"name":"焦岱镇","code":"610122105000"},{"name":"玉山镇","code":"610122106000"},{"name":"蓝桥镇","code":"610122112000"},{"name":"辋川镇","code":"610122113000"},{"name":"金山镇","code":""},{"name":"普化镇","code":"610122108000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示
