大屏数据可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理杭州市淳安县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts杭州市淳安县geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
echarts杭州市淳安县geoJson地图label样式自定义
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts杭州市淳安县geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
threejs杭州市淳安县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果对threejs感兴趣，可以观看threejs视频教程 Three.js前端3D可视化教程
threejs杭州市淳安县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
threejs杭州市淳安县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
杭州市淳安县 下辖有 临岐镇,大墅镇,姜家镇,威坪镇,安阳乡,宋村乡,富文乡,屏门乡,左口乡,文昌镇,梓桐镇,汾口镇,浪川乡,王阜乡,瑶山乡,界首乡,石林镇,里商乡,金峰乡,中洲镇,鸠坑乡,千岛湖镇,枫树岭镇
杭州市淳安县下辖区域坐标
{"临岐镇":[119.12282875777578,29.882758145605],"大墅镇":[118.76884619426582,29.37925581692337],"姜家镇":[118.64094249985172,29.53453349113722],"威坪镇":[118.80908598581433,29.81848207949066],"安阳乡":[118.85754302271208,29.39043733676436],"宋村乡":[118.8842457149541,29.69676949054109],"富文乡":[119.26024495784358,29.65813406929227],"屏门乡":[119.00107210054269,29.93026600632979],"左口乡":[119.0396369348324,29.75236458267598],"文昌镇":[119.18840797595911,29.76460763697511],"梓桐镇":[118.74480886109538,29.60392938073711],"汾口镇":[118.57009293071543,29.42624003568652],"浪川乡":[118.56104370080874,29.51770339438522],"王阜乡":[118.91145051383216,29.89048127413069],"瑶山乡":[119.03976299429152,29.9696707259363],"界首乡":[118.84337256811672,29.56155380159676],"石林镇":[119.08671346096685,29.45231127752772],"里商乡":[118.94996005018908,29.45568189495599],"金峰乡":[118.94950350638837,29.66975702428622],"中洲镇":[118.42461776155822,29.44917391499211],"鸠坑乡":[118.72991761600113,29.68281316076993],"千岛湖镇":[119.10701908527847,29.61671008773964],"枫树岭镇":[118.68526022285955,29.29550444022329]}
杭州市淳安县行政划分代码
[{"name":"临岐镇","code":"330127103000"},{"name":"大墅镇","code":"330127110000"},{"name":"姜家镇","code":"330127106000"},{"name":"威坪镇","code":"330127104000"},{"name":"安阳乡","code":"330127216000"},{"name":"宋村乡","code":"330127210000"},{"name":"富文乡","code":"330127202000"},{"name":"屏门乡","code":"330127205000"},{"name":"左口乡","code":"330127203000"},{"name":"文昌镇","code":"330127101000"},{"name":"梓桐镇","code":"330127107000"},{"name":"汾口镇","code":"330127108000"},{"name":"浪川乡","code":"330127212000"},{"name":"王阜乡","code":"330127208000"},{"name":"瑶山乡","code":"330127206000"},{"name":"界首乡","code":"330127214000"},{"name":"石林镇","code":"330127102000"},{"name":"里商乡","code":"330127200000"},{"name":"金峰乡","code":"330127201000"},{"name":"中洲镇","code":"330127109000"},{"name":"鸠坑乡","code":"330127211000"},{"name":"千岛湖镇","code":"330127100000"},{"name":"枫树岭镇","code":"330127111000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
