可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理温州市鹿城区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts温州市鹿城区geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
echarts温州市鹿城区geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
echarts温州市鹿城区geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
threejs温州市鹿城区geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
threejs温州市鹿城区geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
温州市鹿城区 下辖有 七都街道,仰义街道,藤桥镇,山福镇,丰门街道,双屿街道,广华街道,松台街道,五马街道,大南街道,南郊街道,南汇街道,蒲鞋市街道,滨江街道
温州市鹿城区下辖区域坐标
{"七都街道":[120.76562165694594,28.00194276865262],"仰义街道":[120.55793886607725,28.06812928590579],"藤桥镇":[120.48728439974164,28.07454868724767],"山福镇":[120.46899878437988,28.12736267415729],"丰门街道":[120.57583748834,28.03704412616789],"双屿街道":[120.59838595807953,28.01738728827652],"广华街道":[120.62425561962641,28.01610022333954],"松台街道":[120.64171012663627,28.01562867418118],"五马街道":[120.66068186581975,28.02311519354786],"大南街道":[120.66079369992502,28.00812286577996],"南郊街道":[120.6550320663479,27.98550501094245],"南汇街道":[120.6874991402681,27.99029312111476],"蒲鞋市街道":[120.68394293830171,28.00904786668395],"滨江街道":[120.70997688986861,28.01073089104622]}
温州市鹿城区行政划分代码
[{"name":"七都街道","code":"330302023000"},{"name":"仰义街道","code":"330302028000"},{"name":"藤桥镇","code":"330302102000"},{"name":"山福镇","code":"330302105000"},{"name":"丰门街道","code":"330302033000"},{"name":"双屿街道","code":"330302027000"},{"name":"广华街道","code":""},{"name":"松台街道","code":"330302026000"},{"name":"五马街道","code":"330302006000"},{"name":"大南街道","code":"330302029000"},{"name":"南郊街道","code":"330302031000"},{"name":"南汇街道","code":"330302025000"},{"name":"蒲鞋市街道","code":"330302030000"},{"name":"滨江街道","code":"330302024000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看