This is a demo using Workers geolocation data.
`;
html_content += `You are located at: ${latitude},${longitude}.`;
html_content += `The AQI level is: ${content.data.aqi}.
`;
html_content += `The N02 level is: ${content.data.iaqi.no2?.v}.
`;
html_content += `The O3 level is: ${content.data.iaqi.o3?.v}.
`;
html_content += `The temperature is: ${content.data.iaqi.t?.v}°C.
`;
let html = `
{
let endpoint = "https://api.waqi.info/feed/geo:";
const token = ""; //Use a token from https://aqicn.org/api/
let html_style = `body{padding:6em; font-family: sans-serif;} h1{color:#f6821f}`;
let html_content = "Weather 🌦
";
const latitude = request.cf.latitude;
const longitude = request.cf.longitude;
endpoint += `${latitude};${longitude}/?token=${token}`;
const init = {
headers: {
"content-type": "application/json;charset=UTF-8",
},
};
const response = await fetch(endpoint, init);
const content = await response.json();
html_content += `This is a demo using Workers geolocation data.
`;
html_content += `You are located at: ${latitude},${longitude}.`;
html_content += `Based off sensor data from ${content.data.city.url}">${content.data.city.name}:
`;
html_content += `The AQI level is: ${content.data.aqi}.
`;
html_content += `The N02 level is: ${content.data.iaqi.no2?.v}.
`;
html_content += `The O3 level is: ${content.data.iaqi.o3?.v}.
`;
html_content += `The temperature is: ${content.data.iaqi.t?.v}°C.
`;
let html = `
Geolocation: Weather
${html_content}
`;
return new Response(html, {
headers: {
"content-type": "text/html;charset=UTF-8",
},
});
},
} satisfies ExportedHandler;
```
TypeScript
```
import { Hono } from 'hono';
import { html } from 'hono/html';
type Bindings = {};
interface WeatherApiResponse {
data: {
aqi: number;
city: {
name: string;
url: string;
};
iaqi: {
no2?: { v: number };
o3?: { v: number };
t?: { v: number };
};
};
}
const app = new Hono<{ Bindings: Bindings }>();
app.get('*', async (c) => {
// Get API endpoint
let endpoint = "https://api.waqi.info/feed/geo:";
const token = ""; // Use a token from https://aqicn.org/api/
// Define styles
const html_style = `body{padding:6em; font-family: sans-serif;} h1{color:#f6821f}`;
// Get geolocation from Cloudflare request
const req = c.req.raw;
const latitude = req.cf?.latitude;
const longitude = req.cf?.longitude;
// Create complete API endpoint with coordinates
endpoint += `${latitude};${longitude}/?token=${token}`;
// Fetch weather data
const init = {
headers: {
"content-type": "application/json;charset=UTF-8",
},
};
const response = await fetch(endpoint, init);
const content = await response.json() as WeatherApiResponse;
// Build HTML content
const weatherContent = html`
Weather 🌦
This is a demo using Workers geolocation data.
You are located at: ${latitude},${longitude}.
Based off sensor data from ${content.data.city.url}">${content.data.city.name}:
The AQI level is: ${content.data.aqi}.
The N02 level is: ${content.data.iaqi.no2?.v}.
The O3 level is: ${content.data.iaqi.o3?.v}.
The temperature is: ${content.data.iaqi.t?.v}°C.
`;
// Complete HTML document
const htmlDocument = html`
Geolocation: Weather
${weatherContent}
`;
// Return HTML response
return c.html(htmlDocument);
});
export default app;
```
Python
```
from workers import WorkerEntrypoint, Response, fetch
class Default(WorkerEntrypoint):
async def fetch(self, request):
endpoint = "https://api.waqi.info/feed/geo:"
token = "" # Use a token from https://aqicn.org/api/
html_style = "body{padding:6em; font-family: sans-serif;} h1{color:#f6821f}"
html_content = "Weather 🌦
"
latitude = request.cf.latitude
longitude = request.cf.longitude
endpoint += f"{latitude};{longitude}/?token={token}"
response = await fetch(endpoint)
content = await response.json()
html_content += "This is a demo using Workers geolocation data.
"
html_content += f"You are located at: {latitude},{longitude}."
html_content += f"Based off sensor data from {content['data']['city']['name']}:
"
html_content += f"The AQI level is: {content['data']['aqi']}.
"
html_content += f"The N02 level is: {content['data']['iaqi']['no2']['v']}.
"
html_content += f"The O3 level is: {content['data']['iaqi']['o3']['v']}.
"
html_content += f"The temperature is: {content['data']['iaqi']['t']['v']}°C.
"
html = f"""
Geolocation: Weather
{html_content}
"""
headers = {"content-type": "text/html;charset=UTF-8"}
return Response(html, headers=headers)
```
```json
{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"/directory/","name":"Directory"}},{"@type":"ListItem","position":2,"item":{"@id":"/workers/","name":"Workers"}},{"@type":"ListItem","position":3,"item":{"@id":"/workers/examples/","name":"Examples"}},{"@type":"ListItem","position":4,"item":{"@id":"/workers/examples/geolocation-app-weather/","name":"Geolocation: Weather application"}}]}
```