数据大屏 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理丽水市松阳县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts丽水市松阳县geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
echarts丽水市松阳县geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
echarts丽水市松阳县geoJson地图label样式自定义
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
threejs丽水市松阳县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果对threejs感兴趣，可以观看threejs视频课程 WebGL/Three.js前端3D可视化教程
threejs丽水市松阳县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
threejs丽水市松阳县geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
丽水市松阳县 下辖有 象溪镇,赤寿乡,大东坝镇,三都乡,古市镇,叶村乡,四都乡,安民乡,望松街道,水南街道,西屏街道,斋坛乡,新兴镇,枫坪乡,樟溪乡,玉岩镇,竹源乡,裕溪乡,板桥畲族乡
丽水市松阳县下辖区域坐标
{"象溪镇":[119.59064253479428,28.38786867463757],"赤寿乡":[119.38925481859471,28.5751829556711],"大东坝镇":[119.43701978139724,28.32462216465557],"三都乡":[119.57327397900544,28.47426992493383],"古市镇":[119.42840182641055,28.52423703182992],"叶村乡":[119.3973655776711,28.42705098085515],"四都乡":[119.54181887185504,28.52971589956518],"安民乡":[119.33571157300244,28.28148265083627],"望松街道":[119.4702261435339,28.51209568604311],"水南街道":[119.47985559898379,28.40822121395952],"西屏街道":[119.49855757042539,28.44898397299368],"斋坛乡":[119.40581348241037,28.47000509249359],"新兴镇":[119.31478748975404,28.48369735653758],"枫坪乡":[119.22581197738171,28.32820097610355],"樟溪乡":[119.38145852790512,28.49247128977075],"玉岩镇":[119.2978498063213,28.40307517685867],"竹源乡":[119.40743525952723,28.38057590175242],"裕溪乡":[119.64959221143091,28.3646177632329],"板桥畲族乡":[119.65540606785102,28.44662948439119]}
丽水市松阳县行政划分代码
[{"name":"象溪镇","code":"331124103000"},{"name":"赤寿乡","code":"331124206000"},{"name":"大东坝镇","code":"331124104000"},{"name":"三都乡","code":"331124203000"},{"name":"古市镇","code":"331124101000"},{"name":"叶村乡","code":"331124201000"},{"name":"四都乡","code":"331124205000"},{"name":"安民乡","code":"331124214000"},{"name":"望松街道","code":"331124003000"},{"name":"水南街道","code":"331124002000"},{"name":"西屏街道","code":"331124001000"},{"name":"斋坛乡","code":"331124202000"},{"name":"新兴镇","code":"331124105000"},{"name":"枫坪乡","code":"331124211000"},{"name":"樟溪乡","code":"331124208000"},{"name":"玉岩镇","code":"331124102000"},{"name":"竹源乡","code":"331124204000"},{"name":"裕溪乡","code":"331124213000"},{"name":"板桥畲族乡","code":"331124212000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
