数据可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理温州市洞头区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts温州市洞头区geoJson地图热力图
echarts通过heatmap实现热力图效果
echarts温州市洞头区geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
echarts温州市洞头区geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
threejs温州市洞头区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
threejs温州市洞头区geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
温州市洞头区 下辖有 霓屿街道,灵昆街道,元觉街道,大门镇,鹿西乡,东屏街道,北岙街道
温州市洞头区下辖区域坐标
{"霓屿街道":[121.02270560917705,27.88756274761835],"灵昆街道":[120.90904521933722,27.9491531085336],"元觉街道":[121.09664545326959,27.88989777951263],"大门镇":[121.06539271529945,27.97420089201155],"鹿西乡":[121.21791486243843,27.97308928730365],"东屏街道":[121.14526827659552,27.7648077409947],"北岙街道":[121.16440535723407,27.84064139090356]}
温州市洞头区行政划分代码
[{"name":"霓屿街道","code":"330305005000"},{"name":"灵昆街道","code":"330305002000"},{"name":"元觉街道","code":"330305004000"},{"name":"大门镇","code":"330305101000"},{"name":"鹿西乡","code":"330305202000"},{"name":"东屏街道","code":"330305003000"},{"name":"北岙街道","code":"330305001000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
