气象台发布的拼图重投影示例

最新推荐文章于 2025-02-11 16:59:08 发布

原创最新推荐文章于 2025-02-11 16:59:08 发布 · 761 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#其他

图像处理同时被 2 个专栏收录

3 篇文章

订阅专栏

天气雷达

2 篇文章

订阅专栏

这篇博客介绍了如何利用定时下载的气象雷达拼图，通过重投影和OpenLayers库将其叠加到地图上，展示实时气象信息。首先，定时下载麦卡托投影的雷达拼图，然后使用EPSG:4326到EPSG:3857的投影转换，最后通过OpenLayers的ImageStatic层将静态图像叠加到地图上，实现动态显示。

气象台发布的雷达拼图时效性好，范围广，可以用来作为一个较好的拼图数据源。

方法：

1.定时下载拼图，如下图：

2.重投影，重新生成麦卡托投影产品。

3.使用openlayers叠加静态图像，生成效果如下：

叠加显示拼图的代码如下：

		mounted() {
			// // 1.创建鼠标控件
			var mouse = new MousePosition({
				coordinateFormat: createStringXY(4),
				projection: 'EPSG:4326', // 地图投影坐标系
				className: 'custom-mouse-position', // 自定义显示样式
				target: document.getElementById('pos'),
				undefinedHTML: '&nbsp;'
			});

			this.center = fromLonLat([113.111, 23.222]);
			this.view = new View({
					center: this.center,
					zoom: 4
				});
			this.map = new Map({
				target: "mapDiv",
				layers: [
					new TileLayer({
						source: new OSM()
					}),
					new ImageLayer({
						source: new ImageStatic({
                            //引用最新的拼图产品
							url: curUrl,
        					projection: "EPSG:3857",
        					imageExtent: Proj.transformExtent([70, 0, 140, 55], 'EPSG:4326', 'EPSG:3857')
						})
					})
				],
				view: this.view
			});