OpenLayers와 Windy API 중첩. 해상풍력발전플랫폼
본 시스템은 요청에 의해 개발중이며 Windy API Professional 버젼을 구매하면 정상 구동됩니다.
개발이 완료되면 정식서버에서 운영되지만 windy만 사용하는 예제는 아래 url로 유지합니다.

1. Windy Map Forecast 중첩 및 배경 투명도 조절 (바람 애니메이션을 제외한 배경지도)
2. Windy Layer창 열기 및 각 레이어 설정
3. Windy Point Forecast 모드 실행. 지도 클릭 위치의 기상정보를 조회 함.
4. Windy Map 모드에서 마우스 위치와 기상정보를 조회 함.

• Windy Map은 기존 Openlayers 시스템에 오버레이되어 전체 창이 아닌 Windy Map의 배경 레이어만 투명도를 조정합니다.

Overlapping OpenLayers and Windy API.
Offshore wind power generation platform.
This system is being developed upon request and will run normally if you purchase the Windy API Professional version.
Once development is completed, it will be operated on the official server, but examples that only use Windy will be maintained at the URL below.

1. Windy Map Forecast overlay and background transparency control (background map excluding wind animation)
2. Open Windy Layer window and set each layer
3. Launch Windy Point Forecast mode. View weather information at the location where you click on the map.
4. Check mouse location and weather information in Windy Map mode.

• Windy Map overlays the existing Openlayers system to adjust
  the transparency of only the Windy Map's background layer, rather than the entire window.

Demo :

I explained it in a little more detail.

1. Windy Map Forecast overlay and background transparency adjustment (only the background map is transparent, excluding the wind animation)

• Windy Map overlays the existing Openlayers system to adjust the transparency of only the Windy Map's background layer, not the entire window.

2. Open Windy Layer window and set each layer
3. Check mouse location and weather information in Windy Map mode.
4. Adjust wind particle animation color and highlight according to normal/satellite background map

Additional sources after creating the main map
map = new ol.Map({ … });
Windy_MapInit(‘OL map target DIV name’, map, OL_backgroundTileLayerCount);
Automatically creates three maps of the original openLayers. (If there is a mismatch, check the CSS and correct it)

@Yerlan-Ashirbayev
I posted it here
https://community.windy.com/post/196619

Since this example is a map of Korea, the map may or may not be visible.
Url : http://www.gisapplication.kr/OL_Windy/

Watch in video

@Suty
We couldn't create a chart as cool as the weather information chart provided by Windy. ㅠㅠ
We are trying to negotiate at the level of showing only 2 days of Point Forecast API data in a tooltip. (Openlayers + Windy)

@Suty Thank you for the quick reply.
I hope a simple and similar tutorial is provided for the Point Forecast API.

Demo of program currently under development
URL : http://www.gisapplication.kr/OL_Windy/
It is necessary to show the weather information chart in step 3 (Launch Windy Point Forecast mode. View weather information at the location where you click on the map.).
Even in a similar way

hello.
Weather information must be displayed in the customer's program.
Currently, the Point Forecast API displays wind speed/wind direction at a specific point, but it is said to be insufficient for official purchase.
Is there a tutorial on implementing weather charts using the Point Forecast API?

이 예제는 ChatGPT가 코딩해준 것과 다릅니다. (재미로 ChatGPT에게 소스를 만들어 보았습니다)
이소스는 실행되지 않아 조금 수정하여 만든 데모입니다
Windy Map Forecast를 중첩하여 UI 전체를 투명조절하지 않습니다
배경지도나 메뉴등의 조정을 해서 OpenLayers 사용자는 못 느끼도록 해본것입니다. 2개를 비교해보세요

This example is different from what ChatGPT coded. (For fun, I created the source code for ChatGPT.)
This is a demo created with a little modification as this source does not run.
Windy Map Forecast is overlapped and the entire UI is not adjusted transparently.
We tried to adjust the background maps and menus so that OpenLayers users wouldn't notice. Compare 2

http://www.gisapplication.kr/OL_Windy_Base/

OpenLayers와 Windy API 중첩. 해상풍력발전플랫폼
본 시스템은 요청에 의해 개발중이며 Windy API Professional 버젼을 구매하면 정상 구동됩니다.
개발이 완료되면 정식서버에서 운영되지만 windy만 사용하는 예제는 아래 url로 유지합니다.

1. Windy Map Forecast 중첩 및 배경 투명도 조절 (바람 애니메이션을 제외한 배경지도)
2. Windy Layer창 열기 및 각 레이어 설정
3. Windy Point Forecast 모드 실행. 지도 클릭 위치의 기상정보를 조회 함.
4. Windy Map 모드에서 마우스 위치와 기상정보를 조회 함.

• Windy Map은 기존 Openlayers 시스템에 오버레이되어 전체 창이 아닌 Windy Map의 배경 레이어만 투명도를 조정합니다.

Overlapping OpenLayers and Windy API.
Offshore wind power generation platform.
This system is being developed upon request and will run normally if you purchase the Windy API Professional version.
Once development is completed, it will be operated on the official server, but examples that only use Windy will be maintained at the URL below.

1. Windy Map Forecast overlay and background transparency control (background map excluding wind animation)
2. Open Windy Layer window and set each layer
3. Launch Windy Point Forecast mode. View weather information at the location where you click on the map.
4. Check mouse location and weather information in Windy Map mode.

• Windy Map overlays the existing Openlayers system to adjust
  the transparency of only the Windy Map's background layer, rather than the entire window.

Demo :