随着开发 数据大屏可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理潮州市饶平县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
饶平县，广东省 潮州市 辖县，地处潮州市东部，东北与福建省诏安县、平和县交界；南濒南海，与汕头市南澳县隔海相望；西南与潮安区、湘桥区、汕头市澄海区毗邻；北和大埔县接壤。辖区总面积2227平方千米，其中陆域面积1694平方千米，海域面积533平方千米。居汕头、厦门经济特区之间，是连接海峡西岸经济区和珠江三角洲的交汇点。根据第七次人口普查数据，截至2020年11月1日零时，饶平县常住人口817442人。2021年，饶平县辖21个镇。县人民政府驻饶平县广场东路1号。
echarts潮州市饶平县geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
echarts潮州市饶平县geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts潮州市饶平县geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
threejs潮州市饶平县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果想系统的学习threejs的话，可以观看threejs视频 Three.js 3D可视化
threejs潮州市饶平县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
threejs潮州市饶平县geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
潮州市饶平县下辖有大埕镇,柘林镇,高堂镇,汫洲镇,三饶镇,上饶镇,东山镇,建饶镇,所城镇,新丰镇,新圩镇,新塘镇,饶洋镇,樟溪镇,汤溪镇,浮山镇,黄冈镇,浮滨镇,韩江林场,海山镇,联饶镇,钱东镇
潮州市饶平县下辖区域坐标
{"大埕镇":[117.15347316478113,23.60655871574656],"柘林镇":[117.06250366807659,23.54095896222341],"高堂镇":[116.92811718213179,23.71123026256241],"汫洲镇":[116.95215595657278,23.61156332318035],"三饶镇":[116.80472701395325,23.99021283079193],"上饶镇":[116.92573012929967,24.1789869884228],"东山镇":[116.93112879772295,23.92260986785371],"建饶镇":[116.92629252707334,24.01511074290353],"所城镇":[117.10141957317543,23.6096883246835],"新丰镇":[116.8324387830319,24.09372407721725],"新圩镇":[116.97317691273082,23.81258910925669],"新塘镇":[116.77352533914498,23.9409850312778],"饶洋镇":[116.86991087010111,24.12027589844393],"樟溪镇":[116.84695639878794,23.74719877747309],"汤溪镇":[116.85021413942853,23.91520566385124],"浮山镇":[116.91185666486032,23.83507830209386],"黄冈镇":[117.01558514070302,23.63991998997142],"浮滨镇":[116.80064875878124,23.82218759310228],"韩江林场":[116.73689721923746,24.03531788128419],"海山镇":[116.98643927642274,23.49420448134192],"联饶镇":[116.99605056125432,23.73524230325754],"钱东镇":[116.88350581419454,23.66334401185139]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
