\n \n

🌍 Geohash Converter

Convert latitude and longitude coordinates to geohash with configurable precision

\n\n \n

\n \n Latitude\n \n \n

\n \n

\n \n Longitude\n \n \n

\n \n

\n \n Precision (1-12)\n \n \n

\n \n

\n\n \n

📍 Sample Locations

Click any location below to automatically fill the form:

\n \n

🗽 New York City

40.7128, -74.0060

Manhattan, USA

\n \n

🌉 San Francisco

37.7749, -122.4194

California, USA

\n \n

🏰 London

51.5074, -0.1278

England, UK

\n \n

🗼 Tokyo

35.6762, 139.6503

Japan

\n \n

🏄 Sydney

-33.8688, 151.2093

Australia

\n \n

🗼 Paris

48.8566, 2.3522

France

\n\n \n

\n \n

\n\n \n

ℹ️ About Geohash

What is Geohash?

\n Geohash is a geocoding system that represents geographic coordinates as a short alphanumeric string. \n It's hierarchical, meaning longer geohashes are more precise, and similar geohashes are geographically close.\n

Precision Levels

\n Higher precision values create longer geohashes with better accuracy. Precision 8 gives ~38m accuracy, \n while precision 12 gives ~37mm accuracy. Choose based on your use case.\n

\n\n \n\n",[],[156,174],{"_105":182,"_96":183,"_157":184,"_159":158,"_160":142,"_161":185,"_163":22,"_107":186,"_101":32,"_165":187,"_167":188,"_168":22,"_169":-5,"_170":189,"_99":190},"2465ede2-3d80-11f0-8543-76b3cceeab13","script.js","2465eeb4-3d80-11f0-8543-76b3cceeab13",5,["D",1748628102418],"script","// Geohash Converter Frontend Script\n\ndocument.addEventListener('DOMContentLoaded', function() {\n const form = document.getElementById('geohashForm');\n const latInput = document.getElementById('latitude');\n const lngInput = document.getElementById('longitude');\n const precisionSelect = document.getElementById('precision');\n const convertBtn = document.getElementById('convertBtn');\n const resultsDiv = document.getElementById('results');\n const sampleLocations = document.querySelectorAll('.sample-location');\n\n // Handle sample location clicks\n sampleLocations.forEach(location => {\n location.addEventListener('click', function() {\n const lat = this.dataset.lat;\n const lng = this.dataset.lng;\n \n latInput.value = lat;\n lngInput.value = lng;\n \n // Add visual feedback\n this.style.transform = 'scale(0.95)';\n setTimeout(() => {\n this.style.transform = '';\n }, 150);\n \n // Auto-convert after a short delay\n setTimeout(() => {\n form.dispatchEvent(new Event('submit'));\n }, 300);\n });\n });\n\n // Handle form submission\n form.addEventListener('submit', async function(e) {\n e.preventDefault();\n \n const lat = parseFloat(latInput.value);\n const lng = parseFloat(lngInput.value);\n const precision = parseInt(precisionSelect.value);\n \n // Validate inputs\n if (isNaN(lat) || lat < -90 || lat > 90) {\n showError('Latitude must be a number between -90 and 90');\n return;\n }\n \n if (isNaN(lng) || lng < -180 || lng > 180) {\n showError('Longitude must be a number between -180 and 180');\n return;\n }\n \n // Show loading state\n showLoading();\n \n try {\n const response = await fetch('/geohash', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({\n lat: lat,\n lng: lng,\n precision: precision\n })\n });\n \n const data = await response.json();\n \n if (response.ok) {\n showResults(data);\n } else {\n showError(data.message || 'An error occurred while converting coordinates');\n }\n } catch (error) {\n showError('Network error: ' + error.message);\n }\n });\n\n function showLoading() {\n convertBtn.disabled = true;\n convertBtn.innerHTML = 'Converting...';\n resultsDiv.classList.add('hidden');\n }\n\n function showResults(data) {\n convertBtn.disabled = false;\n convertBtn.innerHTML = 'Convert to Geohash';\n \n const accuracyText = getPrecisionDescription(data.precision);\n \n resultsDiv.innerHTML = `\n

✅ Conversion Results

\n \n

📍 Input Coordinates

Latitude: ${data.lat}°

Longitude: ${data.lng}°

Precision: ${data.precision} (${accuracyText})

\n \n

🔗 Geohash Result

${data.geohash}

\n \n

📦 Bounding Box

Min Latitude

${data.bbox.minLat.toFixed(8)}

Max Latitude

${data.bbox.maxLat.toFixed(8)}

Min Longitude

${data.bbox.minLng.toFixed(8)}

Max Longitude

${data.bbox.maxLng.toFixed(8)}

\n \n

\n 💡 Tip: The bounding box shows the rectangular area that this geohash represents. \n Higher precision values create smaller, more accurate bounding boxes.\n

\n `;\n \n resultsDiv.classList.remove('hidden');\n resultsDiv.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n\n function showError(message) {\n convertBtn.disabled = false;\n convertBtn.innerHTML = 'Convert to Geohash';\n \n resultsDiv.innerHTML = `\n

❌ Error

${message}

\n Please check your input values and try again.\n

\n `;\n \n resultsDiv.classList.remove('hidden');\n resultsDiv.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n\n function getPrecisionDescription(precision) {\n const descriptions = {\n 1: '~5,000km',\n 2: '~1,250km',\n 3: '~156km',\n 4: '~39km',\n 5: '~4.9km',\n 6: '~1.2km',\n 7: '~153m',\n 8: '~38m',\n 9: '~4.8m',\n 10: '~1.2m',\n 11: '~149mm',\n 12: '~37mm'\n };\n return descriptions[precision] || 'Unknown';\n }\n\n // Make copyToClipboard available globally\n window.copyToClipboard = function(text) {\n navigator.clipboard.writeText(text).then(function() {\n // Show temporary success message\n const button = event.target;\n const originalText = button.innerHTML;\n button.innerHTML = '✅ Copied!';\n button.classList.add('bg-green-500');\n \n setTimeout(() => {\n button.innerHTML = originalText;\n button.classList.remove('bg-green-500');\n }, 2000);\n }).catch(function(err) {\n console.error('Could not copy text: ', err);\n // Fallback for older browsers\n const textArea = document.createElement('textarea');\n textArea.value = text;\n document.body.appendChild(textArea);\n textArea.select();\n document.execCommand('copy');\n document.body.removeChild(textArea);\n \n const button = event.target;\n const originalText = button.innerHTML;\n button.innerHTML = '✅ Copied!';\n setTimeout(() => {\n button.innerHTML = originalText;\n }, 2000);\n });\n };\n});",[],[156,183],[156],{"_105":193,"_96":194,"_157":195,"_159":-5,"_160":142,"_161":102,"_163":119,"_107":196,"_101":197,"_165":177,"_167":198,"_168":22,"_169":-5,"_170":199,"_99":200},"3e71f87a-3d80-11f0-845f-76b3cceeab13","README.md","cbc3da1c-3d7c-11f0-bb23-76b3cceeab13",["D",1748628146115],2,"# Geohash Converter\n\nA Val Town service that converts latitude and longitude coordinates to geohash with configurable precision. Features both a user-friendly web interface and a REST API.\n\n## 🌐 Web Interface\n\nVisit the root URL to access the interactive web interface with:\n- **Easy-to-use form** with latitude, longitude, and precision inputs\n- **5 sample locations** you can click to auto-fill the form:\n - 🗽 New York City (40.7128, -74.0060)\n - 🌉 San Francisco (37.7749, -122.4194)\n - 🏰 London (51.5074, -0.1278)\n - 🗼 Tokyo (35.6762, 139.6503)\n - 🏄 Sydney (-33.8688, 151.2093)\n - 🗼 Paris (48.8566, 2.3522)\n- **Real-time conversion** with beautiful results display\n- **Copy-to-clipboard** functionality for generated geohashes\n- **Responsive design** that works on desktop and mobile\n\n## 🚀 API Features\n\n- Convert lat/lng coordinates to geohash\n- Configurable precision (1-12 characters)\n- Returns bounding box for the generated geohash\n- Supports both GET and POST requests\n- Input validation and error handling\n\n## API Usage\n\n### GET Request\n\n```\nGET /geohash?lat=40.7128&lng=-74.0060&precision=8\n```\n\n**Parameters:**\n- `lat` (required): Latitude (-90 to 90)\n- `lng` (required): Longitude (-180 to 180) \n- `precision` (optional): Geohash precision (1-12, default: 8)\n\n### POST Request\n\n```\nPOST /geohash\nContent-Type: application/json\n\n{\n \"lat\": 40.7128,\n \"lng\": -74.0060,\n \"precision\": 8\n}\n```\n\n## Response Format\n\n```json\n{\n \"geohash\": \"dr5regw3\",\n \"lat\": 40.7128,\n \"lng\": -74.006,\n \"precision\": 8,\n \"bbox\": {\n \"minLat\": 40.7127571105957,\n \"maxLat\": 40.712928771972656,\n \"minLng\": -74.00630950927734,\n \"maxLng\": -74.00596618652344\n }\n}\n```\n\n## Precision Levels\n\nGeohash precision determines the accuracy of the location:\n\n| Precision | Lat Error | Lng Error | Approx. Size |\n|-----------|-----------|-----------|--------------|\n| 1 | ±23° | ±23° | 5,000km |\n| 2 | ±2.8° | ±5.6° | 1,250km |\n| 3 | ±0.70° | ±0.70° | 156km |\n| 4 | ±0.087° | ±0.18° | 39km |\n| 5 | ±0.022° | ±0.022° | 4.9km |\n| 6 | ±0.0027° | ±0.0055° | 1.2km |\n| 7 | ±0.00068° | ±0.00068° | 153m |\n| 8 | ±0.000085°| ±0.00017° | 38m |\n| 9 | ±0.000021°| ±0.000021°| 4.8m |\n| 10 | ±0.0000027°| ±0.0000054°| 1.2m |\n| 11 | ±0.00000067°| ±0.00000067°| 149mm |\n| 12 | ±0.000000084°| ±0.00000017°| 37mm |\n\n## Examples\n\n### New York City (Manhattan)\n```bash\ncurl \"https://your-val.web.val.run/geohash?lat=40.7128&lng=-74.0060&precision=8\"\n# Returns: \"dr5regw3\"\n```\n\n### San Francisco\n```bash\ncurl -X POST \"https://your-val.web.val.run/geohash\" \\\n -H \"Content-Type: application/json\" \\\n -d '{\"lat\": 37.7749, \"lng\": -122.4194, \"precision\": 10}'\n# Returns: \"9q8yyk8ytp\"\n```\n\n### London\n```bash\ncurl \"https://your-val.web.val.run/geohash?lat=51.5074&lng=-0.1278&precision=6\"\n# Returns: \"gcpuvp\"\n```\n\n## Error Handling\n\nThe API returns appropriate HTTP status codes and error messages:\n\n- `400 Bad Request`: Invalid parameters or missing required fields\n- `405 Method Not Allowed`: Unsupported HTTP method\n\nExample error response:\n```json\n{\n \"error\": \"Invalid request\",\n \"message\": \"Latitude must be a number between -90 and 90\"\n}\n```\n\n## What is Geohash?\n\nGeohash is a geocoding system that represents geographic coordinates as a short alphanumeric string. It has several useful properties:\n\n- **Hierarchical**: Longer geohashes are more precise\n- **Proximity**: Similar geohashes are geographically close\n- **Compact**: Efficient string representation of coordinates\n- **Base32**: Uses characters 0-9 and b-z (excluding a, i, l, o)\n\n## Implementation Details\n\nThis implementation uses the standard geohash algorithm:\n1. Interleaves longitude and latitude bits\n2. Encodes using base32 character set\n3. Provides bounding box calculation for reverse lookup\n4. Validates input coordinates and precision values",[],[194],{"_105":202,"_96":100,"_157":117,"_159":-5,"_160":142,"_161":203,"_163":119,"_107":204,"_101":205,"_165":206,"_167":207,"_168":22,"_169":208,"_170":209,"_99":210},"2def105a-3d80-11f0-8c18-76b3cceeab13",7,["D",1748628118409],3,"http","/**\n * Geohash Converter API with Web Interface\n * \n * Converts latitude and longitude coordinates to geohash with configurable precision.\n * \n * Web Interface: GET /\n * API Usage:\n * GET /geohash?lat=40.7128&lng=-74.0060&precision=8\n * POST /geohash with JSON body: { \"lat\": 40.7128, \"lng\": -74.0060, \"precision\": 8 }\n */\n\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\ninterface GeohashRequest {\n lat: number;\n lng: number;\n precision?: number;\n}\n\ninterface GeohashResponse {\n geohash: string;\n lat: number;\n lng: number;\n precision: number;\n bbox?: {\n minLat: number;\n maxLat: number;\n minLng: number;\n maxLng: number;\n };\n}\n\n/**\n * Encode latitude and longitude to geohash\n */\nfunction encodeGeohash(lat: number, lng: number, precision: number = 12): string {\n const BASE32 = '0123456789bcdefghjkmnpqrstuvwxyz';\n \n let latMin = -90.0;\n let latMax = 90.0;\n let lngMin = -180.0;\n let lngMax = 180.0;\n \n let geohash = '';\n let bits = 0;\n let bit = 0;\n let even = true; // Start with longitude\n \n while (geohash.length < precision) {\n if (even) {\n // Longitude\n const mid = (lngMin + lngMax) / 2;\n if (lng >= mid) {\n bit = (bit << 1) | 1;\n lngMin = mid;\n } else {\n bit = bit << 1;\n lngMax = mid;\n }\n } else {\n // Latitude\n const mid = (latMin + latMax) / 2;\n if (lat >= mid) {\n bit = (bit << 1) | 1;\n latMin = mid;\n } else {\n bit = bit << 1;\n latMax = mid;\n }\n }\n \n even = !even;\n bits++;\n \n if (bits === 5) {\n geohash += BASE32[bit];\n bits = 0;\n bit = 0;\n }\n }\n \n return geohash;\n}\n\n/**\n * Decode geohash to get bounding box\n */\nfunction decodeGeohash(geohash: string): { minLat: number; maxLat: number; minLng: number; maxLng: number } {\n const BASE32 = '0123456789bcdefghjkmnpqrstuvwxyz';\n \n let latMin = -90.0;\n let latMax = 90.0;\n let lngMin = -180.0;\n let lngMax = 180.0;\n \n let even = true; // Start with longitude\n \n for (const char of geohash) {\n const idx = BASE32.indexOf(char);\n if (idx === -1) {\n throw new Error(`Invalid geohash character: ${char}`);\n }\n \n for (let i = 4; i >= 0; i--) {\n const bit = (idx >> i) & 1;\n \n if (even) {\n // Longitude\n const mid = (lngMin + lngMax) / 2;\n if (bit === 1) {\n lngMin = mid;\n } else {\n lngMax = mid;\n }\n } else {\n // Latitude\n const mid = (latMin + latMax) / 2;\n if (bit === 1) {\n latMin = mid;\n } else {\n latMax = mid;\n }\n }\n \n even = !even;\n }\n }\n \n return { minLat: latMin, maxLat: latMax, minLng: lngMin, maxLng: lngMax };\n}\n\n/**\n * Validate latitude and longitude\n */\nfunction validateCoordinates(lat: number, lng: number): void {\n if (typeof lat !== 'number' || isNaN(lat) || lat < -90 || lat > 90) {\n throw new Error('Latitude must be a number between -90 and 90');\n }\n if (typeof lng !== 'number' || isNaN(lng) || lng < -180 || lng > 180) {\n throw new Error('Longitude must be a number between -180 and 180');\n }\n}\n\n/**\n * Validate precision\n */\nfunction validatePrecision(precision: number): void {\n if (typeof precision !== 'number' || isNaN(precision) || precision < 1 || precision > 12 || !Number.isInteger(precision)) {\n throw new Error('Precision must be an integer between 1 and 12');\n }\n}\n\nexport default async function(req: Request): Promise {\n try {\n const url = new URL(req.url);\n const pathname = url.pathname;\n \n // Serve frontend files\n if (pathname === '/') {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return new Response(html, {\n headers: { 'Content-Type': 'text/html' }\n });\n }\n \n if (pathname.startsWith('/frontend/')) {\n return serveFile(pathname, import.meta.url);\n }\n \n // Handle geohash API requests\n if (pathname !== '/geohash') {\n return new Response(JSON.stringify({\n error: 'Not found',\n message: 'Available endpoints: / (web interface), /geohash (API)'\n }), {\n status: 404,\n headers: { 'Content-Type': 'application/json' }\n });\n }\n \n let lat: number;\n let lng: number;\n let precision: number = 8; // Default precision\n \n if (req.method === 'GET') {\n // Parse query parameters\n const latParam = url.searchParams.get('lat');\n const lngParam = url.searchParams.get('lng');\n const precisionParam = url.searchParams.get('precision');\n \n if (!latParam || !lngParam) {\n return new Response(JSON.stringify({\n error: 'Missing required parameters',\n message: 'Both lat and lng parameters are required',\n example: '/geohash?lat=40.7128&lng=-74.0060&precision=8'\n }), {\n status: 400,\n headers: { 'Content-Type': 'application/json' }\n });\n }\n \n lat = parseFloat(latParam);\n lng = parseFloat(lngParam);\n \n if (precisionParam) {\n precision = parseInt(precisionParam, 10);\n }\n \n } else if (req.method === 'POST') {\n // Parse JSON body\n const body = await req.json() as GeohashRequest;\n \n if (!body.lat || !body.lng) {\n return new Response(JSON.stringify({\n error: 'Missing required fields',\n message: 'Both lat and lng fields are required in the request body',\n example: { lat: 40.7128, lng: -74.0060, precision: 8 }\n }), {\n status: 400,\n headers: { 'Content-Type': 'application/json' }\n });\n }\n \n lat = body.lat;\n lng = body.lng;\n precision = body.precision || 8;\n \n } else {\n return new Response(JSON.stringify({\n error: 'Method not allowed',\n message: 'Only GET and POST methods are supported'\n }), {\n status: 405,\n headers: { 'Content-Type': 'application/json' }\n });\n }\n \n // Validate inputs\n validateCoordinates(lat, lng);\n validatePrecision(precision);\n \n // Generate geohash\n const geohash = encodeGeohash(lat, lng, precision);\n \n // Get bounding box for the geohash\n const bbox = decodeGeohash(geohash);\n \n const response: GeohashResponse = {\n geohash,\n lat,\n lng,\n precision,\n bbox\n };\n \n return new Response(JSON.stringify(response, null, 2), {\n status: 200,\n headers: { 'Content-Type': 'application/json' }\n });\n \n } catch (error) {\n return new Response(JSON.stringify({\n error: 'Invalid request',\n message: error instanceof Error ? error.message : 'Unknown error occurred'\n }), {\n status: 400,\n headers: { 'Content-Type': 'application/json' }\n });\n }\n}","geohash",[],[100],"files",[154,172,181,192,201],"counts",{"_215":32,"_216":217,"_218":32,"_219":220,"_223":224},"pulls","branches",1,"forks","envVars",{"_221":32,"_222":32},"count","emptyCount","connections",{"_221":32,"_225":32},"unfilledCount","contents",[],{"_105":202,"_96":100,"_157":117,"_159":-5,"_160":142,"_161":203,"_163":119,"_107":229,"_101":205,"_165":206,"_167":207,"_168":22,"_169":208,"_99":230},["D",1748628118409],[100],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_94":95,"_96":97,"_98":44,"_101":102,"_99":100,"_103":239,"_152":244,"_211":260,"_177":261,"_226":263,"_264":-5,"_265":-5,"_266":-5,"_267":-5,"_268":269,"_219":-5},{"_105":106,"_96":97,"_107":240,"_109":-5,"_110":22,"_111":112,"_113":-5,"_114":-5,"_14":115,"_116":117,"_118":119,"_120":119,"_121":-5,"_122":32,"_16":123,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_23":241,"_136":242,"_139":243,"_151":22},["D",1748626556296],{"_94":95,"_134":135},{"_94":95,"_138":135,"_14":115},{"_101":141,"_96":44,"_105":142,"_143":106,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":97,"_150":95},[245,254,257],{"_105":155,"_96":156,"_157":158,"_159":-5,"_160":142,"_161":162,"_163":119,"_107":164,"_101":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":246,"_99":253},[247,250],{"_105":173,"_96":174,"_157":175,"_159":158,"_160":142,"_161":162,"_163":119,"_107":176,"_101":32,"_165":177,"_167":178,"_168":22,"_169":-5,"_170":248,"_99":249},[],[156,174],{"_105":182,"_96":183,"_157":184,"_159":158,"_160":142,"_161":185,"_163":22,"_107":186,"_101":32,"_165":187,"_167":188,"_168":22,"_169":-5,"_170":251,"_99":252},[],[156,183],[156],{"_105":193,"_96":194,"_157":195,"_159":-5,"_160":142,"_161":102,"_163":119,"_107":196,"_101":197,"_165":177,"_167":198,"_168":22,"_169":-5,"_170":255,"_99":256},[],[194],{"_105":202,"_96":100,"_157":117,"_159":-5,"_160":142,"_161":203,"_163":119,"_107":204,"_101":205,"_165":206,"_167":207,"_168":22,"_169":208,"_170":258,"_99":259},[],[100],[245,247,250,254,257],{"_105":202,"_96":100,"_157":117,"_159":-5,"_160":142,"_161":203,"_163":119,"_107":229,"_101":205,"_165":206,"_167":207,"_168":22,"_169":208,"_99":262},[100],[],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

anand_g

Geohash