Overview
Introduction
Sometimes you just need a quick decimal-degree latitude and longitude for a point, without opening a full mapping application. Lat/Lng Point Finder gives you a click surface for exactly that.
Click anywhere on the grid to drop a marker, or type coordinates directly, and read off the decimal-degree position plus a ready-to-use Google Maps URL.
What Is Lat/Lng Point Finder?
A coordinate picker built on a plain equirectangular longitude/latitude grid: vertical lines every 30 degrees of longitude, horizontal lines every 15 degrees of latitude, and a border, with no map imagery underneath.
It's deliberately a schematic grid, not a basemap. The whole point is coordinate math you can verify at a glance, not a full mapping experience with roads and place labels.
How Lat/Lng Point Finder Works
A click event's position relative to the SVG grid's bounding box is converted to fractional x/y coordinates, then linearly mapped to longitude (-180 at the left edge, 180 at the right) and latitude (90 at the top edge, -90 at the bottom).
The same math runs in reverse for the manual lat/lng inputs, so typing a coordinate moves the marker to the matching grid position, keeping the click surface and the number fields in sync in both directions.
When To Use Lat/Lng Point Finder
Use this whenever you need a rough decimal-degree coordinate for a point and don't want to open a full mapping application just to read off numbers.
It's also handy for building test data, since you can visually pick points spread across the globe and immediately get coordinates and a Maps link for each one.
Often used alongside GeoJSON Viewer.
Features
Advantages
- Instant coordinate picking with no map tiles to load and nothing sent over the network.
- Two-way binding between the grid and the number inputs, so you can start from either a click or a typed value.
- Generates a ready-to-paste Google Maps URL alongside the raw decimal-degree coordinates.
Limitations
- The grid has no roads, place names, or terrain, it's a coordinate picker, not a lookup tool for finding a specific real-world location.
- Precision is limited by how precisely you can click a small rectangle. Manual entry is more exact for coordinates you already know.
Examples
Best Practices & Notes
Best Practices
- Use the manual lat/lng fields when you already know the coordinates and just want the Maps URL generated.
- Use the grid click when you're estimating a rough location visually rather than starting from known numbers.
- Copy the Maps URL with the copy button rather than retyping it, to avoid transcription errors in the coordinates.
Developer Notes
`svgCoordsToLatLng` and `latLngToSvgCoords` in `lat-lng-point-finder.ts` are pure inverse functions of each other over the same linear mapping, and `googleMapsUrl` is plain string interpolation, none of the three touch the network or any browser API, which keeps them trivially unit-testable and keeps the component's click handler a thin wrapper around `getBoundingClientRect()` plus one function call.
Lat/Lng Point Finder Use Cases
- Quickly reading off decimal-degree coordinates for a rough point without opening a mapping application
- Generating a Google Maps URL for a coordinate you already have, or one you just clicked
- Building sample lat/lng test data spread across different regions of the globe
Common Mistakes
- Expecting the grid to show real geography (coastlines, borders, cities) to click against, it's an evenly spaced graticule only.
- Assuming the Maps URL was verified by an actual network request, it's pure string construction from the coordinates you picked, nothing is fetched or validated.
Tips
- Zoom your browser in before clicking if you need finer control over where on the grid you land.
- Pair with GeoJSON Viewer once you have a set of points, to see them plotted together instead of one at a time.