Geolocation Playground - Interactive Web API Lab | IconVault

Test the live Geolocation API: real-time position, accuracy circle, speed, heading and geofence enter/exit alerts. Free, runs in your browser.

All tools

Geolocation Playground

Live GPS position, accuracy circles, trail and geofences

5 of 5 free uses left
Your browser does not expose navigator.geolocation. Use a modern browser with location support.

Controls

Permission unknown
Geofence

The browser has no geofence API, so this is computed manually from each fix: enter/exit events fire when your distance to the center crosses the radius.

5 of 5 free runs left - fixes never leave your device.

API event log

watchPosition and geofence events will appear here with timestamps.

About this tool

IconVault's Geolocation Playground connects to the real Geolocation API (`navigator.geolocation`): your live latitude and longitude, the accuracy radius drawn as a circle on the map, speed and heading as you move, and a movement trail that records where you have been. Draw a geofence and the lab fires enter and exit alerts when you cross its boundary. It is free and runs fully in your browser.

Geolocation only works with your permission, and only in a secure context (HTTPS or localhost). You will learn the difference between `getCurrentPosition()` and `watchPosition()`, why accuracy swings from a few meters outdoors to hundreds indoors, and the sensible options: `enableHighAccuracy`, `timeout` and `maximumAge`. The lab also covers the privacy angle: always explain why you need a location before asking, and never store precise coordinates you do not need.

Frequently asked questions

Popular searches

geolocation apinavigator.geolocationgeolocation api javascripthtml5 geolocationgetcurrentpositionwatchpositiongeolocation examplegeolocation api tutorialgeolocation playgroundjavascript get locationbrowser location apihtml geolocation examplegeolocation permissiongeolocation not workinggeolocation accuracygeolocation speed headinggeolocation altitudegeofence javascriptgeofencing webgeofence enter exitgeolocation watchposition exampleclearwatchenablehighaccuracygeolocation timeoutmaximumage geolocationmdn geolocation apigeolocation secure contextgeolocation https requiredwhy is geolocation inaccurateimprove geolocation accuracyget latitude longitude javascripthow to get user location in javascriptdevice location web apilocation api webmaps geolocation demotest geolocation onlinegeolocation coordinatesposition.coordsgeolocation timestampgeolocation error codespermission denied geolocationposition unavailablegeolocation ios safarigeolocation android chromepwa geolocationgeolocation privacygeolocation best practicesreverse geocodinggeolocation distance calculatorhaversine javascriptdraw accuracy circle mapleaflet geolocationmapbox geolocationopenstreetmap locationgeolocation api 2024caniuse geolocationis geolocation supportedgeolocation typescript

More tools

Coming soon

CLI

Coming soon

Figma plugin

Coming soon

VS Code extension

Coming soon

Chrome extension

Coming soon

AI icon generator

Coming soon

Team workspaces

Coming soon

View all 10+ tools →