随着开发 大屏数据可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理七台河市新兴区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
新兴区隶属 黑龙江省 七台河市，位于黑龙江省东部。新兴区地处北纬45°40'—45°52'，东经130°45'—131°02'，海拔157—555米之间，地形处在完达山余脉的大架山和马鞍山中间的低山丘陵地区，属北温寒带气候。位于七台河市区西部，东与桃山区，西、北与桦南县，南与鸡西市交界。地处牡丹江、佳木斯、双鸭山、鸡西四市和勃利、桦南、密山、宝清四县之“街亭”。辖区总面积1225平方公里， 辖10个街道和1个乡镇。根据第七次人口普查数据，截至2020年11月1日零时，新兴区常住人口为158418人。
echarts七台河市新兴区geoJson地图 tooltip轮播
echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.
echarts七台河市新兴区geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
echarts七台河市新兴区geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
threejs七台河市新兴区geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话，可以观看threejs课程视频 Three.js 3D可视化
threejs七台河市新兴区geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放
threejs七台河市新兴区geoJson地图3d地图
通过threejs绘制的3d地图实例
七台河市新兴区 下辖有 兴秀社区服务站,新合街道,兴乐社区服务站,兴和社区服务站,新城街道,新安街道,兴富社区服务站,新建街道,兴城社区服务站,兴安社区服务站,黑龙江红兴隆农垦宝利采金,北山街道,河南街道,新立街道,越秀街道,种畜场,红旗镇,北兴农场,缸窑沟街道,兴平社区服务站,兴华街道,长兴乡
七台河市新兴区下辖区域坐标
{"兴秀社区服务站":[130.95371670503408,45.79725593988321],"新合街道":[130.85961312042048,45.79544314498914],"兴乐社区服务站":[130.94950593457514,45.80607170139415],"兴和社区服务站":[130.94183523381534,45.79997029747669],"新城街道":[130.85451516579172,45.82036950325849],"新安街道":[130.90755939199727,45.79339928934341],"兴富社区服务站":[130.9598403114718,45.79596736739357],"新建街道":[130.8732003813039,45.80979369047339],"兴城社区服务站":[130.9349913730333,45.80175170671296],"兴安社区服务站":[130.93964348361345,45.80829638763916],"黑龙江红兴隆农垦宝利采金":[131.44432899415196,46.23247408994663],"北山街道":[130.92669820078154,45.82047551475392],"河南街道":[130.8546682169219,45.7691369493219],"新立街道":[130.9024764469901,45.76738669674682],"越秀街道":[130.90898013985554,45.80893832275633],"种畜场":[131.10037881489478,45.92899746073044],"红旗镇":[130.84395648873613,45.75461711149823],"北兴农场":[131.39203296510033,46.01419710329862],"缸窑沟街道":[130.82055398920318,45.80123971827499],"兴平社区服务站":[130.94772979735814,45.79852757688766],"兴华街道":[130.88953718507665,45.80052290057769],"长兴乡":[130.8273936964095,45.9262527697455]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
