可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理成都市新津区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts成都市新津区geoJson地图 tooltip轮播
echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.
echarts成都市新津区geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
echarts成都市新津区geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
threejs成都市新津区geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果想系统的学习threejs的话，可以观看threejs视频课程 Three.js前端3D可视化教程
threejs成都市新津区geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
threejs成都市新津区geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
成都市新津区 下辖有 金华镇,五津镇,花桥镇,花源镇,普兴镇,兴义镇,安西镇,邓双镇,新平镇,方兴镇,永商镇,文井乡
成都市新津区下辖区域坐标
{"金华镇":[103.8878165,30.363909],"五津镇":[103.803506,30.4393945],"花桥镇":[103.85238799999999,30.4350665],"花源镇":[103.8698695,30.475589],"普兴镇":[103.90056050000001,30.4243505],"兴义镇":[103.80261,30.4789175],"安西镇":[103.75843950000001,30.3779115],"邓双镇":[103.839801,30.3752475],"新平镇":[103.7623405,30.4273815],"方兴镇":[103.736876,30.4229905],"永商镇":[103.77777850000001,30.369701],"文井乡":[103.7544105,30.4782295]}
成都市新津区行政划分代码
[{"name":"金华镇","code":""},{"name":"五津镇","code":""},{"name":"花桥镇","code":""},{"name":"花源镇","code":""},{"name":"普兴镇","code":""},{"name":"兴义镇","code":"510118101000"},{"name":"安西镇","code":"510118102000"},{"name":"邓双镇","code":""},{"name":"新平镇","code":""},{"name":"方兴镇","code":""},{"name":"永商镇","code":"510118103000"},{"name":"文井乡","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
