随着开发 大屏数据可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理杭州市桐庐县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts杭州市桐庐县geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
echarts杭州市桐庐县geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
echarts杭州市桐庐县geoJson地图label样式自定义
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
threejs杭州市桐庐县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果对threejs感兴趣，可以观看threejs课程视频 3D可视化Three.js视频教程
threejs杭州市桐庐县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
threejs杭州市桐庐县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
杭州市桐庐县 下辖有 分水镇,合村乡,新合乡,横村镇,江南镇,瑶琳镇,百江镇,钟山乡,凤川街道,城南街道,富春江镇,旧县街道,桐君街道,莪山畲族乡
杭州市桐庐县下辖区域坐标
{"分水镇":[119.38710129039268,29.96401742324138],"合村乡":[119.26094010753083,29.93257042219493],"新合乡":[119.8994097201827,29.70985029389733],"横村镇":[119.58493879924819,29.8672472191386],"江南镇":[119.81137157630636,29.83073721868185],"瑶琳镇":[119.52413848672757,29.90291018071542],"百江镇":[119.29952382816376,29.80651784875902],"钟山乡":[119.46990113003343,29.77437415295935],"凤川街道":[119.80721600154637,29.75025504855578],"城南街道":[119.70369308097023,29.76696504817777],"富春江镇":[119.67470921332523,29.68481759291594],"旧县街道":[119.60690098946498,29.7873699085021],"桐君街道":[119.6877878968057,29.82936780276592],"莪山畲族乡":[119.54847316624031,29.79038664235581]}
杭州市桐庐县行政划分代码
[{"name":"分水镇","code":"330122109000"},{"name":"合村乡","code":"330122210000"},{"name":"新合乡","code":"330122204000"},{"name":"横村镇","code":"330122102000"},{"name":"江南镇","code":"330122113000"},{"name":"瑶琳镇","code":"330122110000"},{"name":"百江镇","code":"330122112000"},{"name":"钟山乡","code":"330122202000"},{"name":"凤川街道","code":"330122005000"},{"name":"城南街道","code":"330122004000"},{"name":"富春江镇","code":"330122101000"},{"name":"旧县街道","code":"330122002000"},{"name":"桐君街道","code":"330122003000"},{"name":"莪山畲族乡","code":"330122201000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
