随着开发 大屏数据可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理广州市黄埔区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
黄埔区,隶属于 广东省 广州市,位于广州市东部,东至东江与东莞市麻涌镇相望;东北部与增城区新塘镇接壤,南部临珠江与番禺区、海珠区相邻;西部与天河区、白云区相连,北部与从化区毗邻。介于东经113°27′39″—113°27′51″,北纬23°2′25″—23°9′55″之间,总面积484.17平方千米。下辖14个街道、1个镇。
echarts广州市黄埔区geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
echarts广州市黄埔区geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
echarts广州市黄埔区geoJson地图 tooltip轮播
echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.
threejs广州市黄埔区geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果对threejs感兴趣,可以观看threejs视频 WebGL 3D可视化教程
threejs广州市黄埔区geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
广州市黄埔区下辖有黄埔街道,红山街道,南岗街道,大沙街道,东区街道,夏港街道,文冲街道,穗东街道,荔联街道,永和街道,联和街道,鱼珠街道,九龙镇,萝岗街道,长洲街道
广州市黄埔区下辖区域坐标
{"黄埔街道":[113.44846215264978,23.09474649298721],"红山街道":[113.47948269510968,23.09486299546328],"南岗街道":[113.53766079340363,23.09200188861454],"大沙街道":[113.4607978449319,23.13152544556294],"东区街道":[113.50824216223171,23.13817529045377],"夏港街道":[113.51756958711715,23.05776731866771],"文冲街道":[113.47167495986713,23.1035542934856],"穗东街道":[113.49521107405403,23.0871415597571],"荔联街道":[113.54096707716275,23.12538604431164],"永和街道":[113.54999932428476,23.20671217696381],"联和街道":[113.4319280869157,23.20603273214908],"鱼珠街道":[113.42942198973438,23.11541202951877],"九龙镇":[113.52855885155176,23.32364044081523],"萝岗街道":[113.48654989205252,23.20692747789352],"长洲街道":[113.42138395660115,23.08167746869555]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。