https://droidgox.netlify.app/

1<html>
2<head>
3<!-- This site is hosted on Netlify. Anyone can build and deploy a site
4     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=babf7298-9002-4af8-a824-37301a03d4d6
5     Netlify hosting facts for this site: static/SSR served via Netlify Edge. -->
6	<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"/>
7	

7<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>

7
8	

8<script src="https://api.windy.com/assets/map-forecast/libBoot.js"></script>

8
9	<style>
10		* {
11		  margin: 0;
12		  padding: 0;
13		}
14		#windy {
15			width: 100%;
16			height: calc(100% + 1px) !important;
17		}
18		#logo {
19		   pointer-events: none !important;
20		   cursor: default;
21		}
22	</style>
23</head>
24<body>
25	<div id="windy"></div>
26	

26<script>
27    const params = new URLSearchParams(window.location.search);
28	let free = params.get('free') || true;
29    let graticule =  params.get('graticule') || 'false';
30    let isolines = params.get('isolines') || 'off';
31	let key = params.get('windy_key') || '';
32	let par = params.get('par') || 'false';
33
34	windyInit({	key: key, lat: 12.8797, lon: 121.7740 }, windyAPI => {
35		const { store, broadcast } = windyAPI;
36        //document.getElementById('bottom').style.display = free === 'false' ? 'block' : 'none';
37        //document.getElementById('mobile-ovr-select').style.display = free === 'false' ? 'block' : 'none';		
38
39		broadcast.once('redrawFinished', params => {
40			try {
41				store.set('graticule', graticule === 'true');
42			} catch(e) {
43				store.set('graticule', false);
44			}
45
46			try {
47				store.set('isolines', isolines.toLowerCase());
48			} catch(e) {
49				store.set('isolines', 'off', { forceChange: true });
50			}
51		});
52
53		
54		if (par === 'true') {
55			let pointList = [new L.LatLng(25, 120), new L.LatLng(25, 135), new L.LatLng(5, 135), new L.LatLng(5, 115), new L.LatLng(15, 115), new L.LatLng(21, 120), new L.LatLng(25, 120)];
56			let line = new L.polyline(pointList, {
57				color: 'white',
58				weight: 3,
59				opacity: 0.5,
60				smoothFactor: 1
61			});
62			line.addTo(W.map);
63			//W.map.fitBounds(pointList);
64		}
65	});
66	</script>

66
67</body>
68</html>