数据可视化大屏 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是杭州市西湖区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts杭州市西湖区geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts杭州市西湖区geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
echarts杭州市西湖区geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
threejs杭州市西湖区geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果对threejs感兴趣，可以观看threejs教程视频 Three.js前端3D可视化教程
threejs杭州市西湖区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
threejs杭州市西湖区geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
杭州市西湖区 下辖有 双浦镇,北山街道,文新街道,翠苑街道,三墩镇,古荡街道,灵隐街道,留下街道,蒋村街道,西溪街道,西湖街道,转塘街道
杭州市西湖区下辖区域坐标
{"双浦镇":[120.08718408043566,30.12043436063662],"北山街道":[120.1393640114993,30.26492947631437],"文新街道":[120.09458576332582,30.284200205396],"翠苑街道":[120.12250024994458,30.28504999528471],"三墩镇":[120.05738954552098,30.32610904639979],"古荡街道":[120.1043264258155,30.27915054194862],"灵隐街道":[120.11922479237518,30.26031122372742],"留下街道":[120.05370932619508,30.23326842123407],"蒋村街道":[120.06886974737327,30.27525291373615],"西溪街道":[120.13998418147901,30.28482447227271],"西湖街道":[120.11466969197309,30.21968748281088],"转塘街道":[120.05640167858945,30.17214815787943]}
杭州市西湖区行政划分代码
[{"name":"双浦镇","code":"330106110000"},{"name":"北山街道","code":"330106002000"},{"name":"文新街道","code":"330106013000"},{"name":"翠苑街道","code":"330106005000"},{"name":"三墩镇","code":"330106109000"},{"name":"古荡街道","code":"330106007000"},{"name":"灵隐街道","code":"330106012000"},{"name":"留下街道","code":"330106009000"},{"name":"蒋村街道","code":"330106011000"},{"name":"西溪街道","code":"330106004000"},{"name":"西湖街道","code":"330106008000"},{"name":"转塘街道","code":"330106010000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
