数据大屏可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是天水市清水县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
清水县,甘肃省 天水市 辖县,位于甘肃省东南部,天水市东北部,陇山西南麓渭河北岸支流牛头河流域;东界陕西省陇县、宝鸡,南连麦积区,西接秦安县,北与张家川回族自治县毗邻;地处陇山山地向陇西黄土高原过渡地带,属温带大陆性季风气候;辖15个镇、3个乡,总面积2012平方公里。2020年末,总人口33.2万人,其中,农业人口30.4万人。
echarts天水市清水县geoJson地图 tooltip轮播
echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.
echarts天水市清水县geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts天水市清水县geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
threejs天水市清水县geoJson地图3d地图
通过threejs绘制的3d地图实例,如果对threejs感兴趣,可以观看threejs视频 WebGL 3D可视化教程
threejs天水市清水县geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
threejs天水市清水县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
天水市清水县 下辖有 秦亭镇,红堡镇,贾川乡,远门乡,郭川乡,王河乡,白沙乡,白驼镇,丰望乡,土门乡,山门镇,新城乡,松树乡,永清镇,金集镇,陇东乡,黄门乡,草川铺乡,清水县科技养殖示范园区
天水市清水县下辖区域坐标
{"秦亭镇":[106.39399479275626,34.78021221038938],"红堡镇":[],"贾川乡":[105.92349350085831,34.70272818303133],"远门乡":[105.91011490780355,34.80903005801041],"郭川乡":[105.80669274351331,34.68345967083193],"王河乡":[105.95741621357988,34.89495365801304],"白沙乡":[106.25698474690086,34.71337353606262],"白驼镇":[106.01717673796121,34.82974627633351],"丰望乡":[106.00095728352942,34.62876030858419],"土门乡":[105.88458170096916,34.75699070206407],"山门镇":[106.33533697734833,34.62778078126743],"新城乡":[106.2651037571494,34.83296966523784],"松树乡":[106.05370183833534,34.91370421945929],"永清镇":[106.15527335694833,34.74088874806822],"金集镇":[105.88313077840233,34.65219373319196],"陇东乡":[106.16925625278577,34.62327779673522],"黄门乡":[106.16033631407666,34.86407755256261],"草川铺乡":[106.08646975939305,34.65085116467152],"清水县科技养殖示范园区":[106.18426792626124,34.79745633453292]}
天水市清水县行政划分代码
[{"name":"秦亭镇","code":"620521104000"},{"name":"红堡镇","code":"620521101000"},{"name":"贾川乡","code":"620521206000"},{"name":"远门乡","code":""},{"name":"郭川乡","code":""},{"name":"王河乡","code":""},{"name":"白沙乡","code":""},{"name":"白驼镇","code":"620521102000"},{"name":"丰望乡","code":"620521207000"},{"name":"土门乡","code":""},{"name":"山门镇","code":"620521105000"},{"name":"新城乡","code":"620521211000"},{"name":"松树乡","code":""},{"name":"永清镇","code":"620521100000"},{"name":"金集镇","code":"620521103000"},{"name":"陇东乡","code":""},{"name":"黄门乡","code":""},{"name":"草川铺乡","code":""},{"name":"清水县科技养殖示范园区","code":"620521400000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。