随着开发 数据可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理攀枝花市东区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts攀枝花市东区geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts攀枝花市东区geoJson地图label自定义样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts攀枝花市东区geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
threejs攀枝花市东区geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果想系统的学习threejs的话,可以观看threejs课程视频 Three.js前端3D可视化教程
threejs攀枝花市东区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
攀枝花市东区 下辖有 银江镇,南山街道,大渡口街道,长寿路街道,密地街道,向阳村街道,弄弄坪街道,枣子坪街道,炳草岗街道,瓜子坪街道
攀枝花市东区下辖区域坐标
{"银江镇":[101.7501010282677,26.64035445835556],"南山街道":[101.69380254972685,26.54930324261064],"大渡口街道":[101.70739189502972,26.55402549881968],"长寿路街道":[101.70313825743301,26.57497086475533],"密地街道":[101.74120770988341,26.58486805780848],"向阳村街道":[101.6712758168195,26.56941115711025],"弄弄坪街道":[101.683261446156,26.57405873631396],"枣子坪街道":[101.69781164989212,26.58368312629228],"炳草岗街道":[101.73259110564675,26.57142294060961],"瓜子坪街道":[101.73264399672922,26.63538953866992]}
攀枝花市东区行政划分代码
[{"name":"银江镇","code":"510402100000"},{"name":"南山街道","code":""},{"name":"大渡口街道","code":"510402001000"},{"name":"长寿路街道","code":""},{"name":"密地街道","code":""},{"name":"向阳村街道","code":""},{"name":"弄弄坪街道","code":"510402005000"},{"name":"枣子坪街道","code":""},{"name":"炳草岗街道","code":"510402002000"},{"name":"瓜子坪街道","code":"510402009000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看