Geoapify's public fiddles
-
Routing API + Leaflet
Display a route on a Leaflet map
-
epb6w3z8
No-Library (pure JS), HTML, CSS, JavaScript
-
Address Autocomplete Tutorial
Create an Address Input with suggestions by using Geoapify Address Autocomplete API
-
Batch Geocoding API, postcodes
Async call for Batch Geocoding API example
-
Batch Geocoding API, addresses in France
Async call for Batch Geocoding API example
-
Batch Geocoding API
Async call for Batch Geocoding API example
-
Reverse Geocoding: Latitude/Longitude to Address
Learn how to call Reverse Geocoding API to get an address by Latitude/Longitude coordinates, for example when a user clicks on the map.
-
Geocoding: Address to Latitude/Longitude
Learn how to call Geocoding API to search an address. Then, show the found address on the map.
-
Bus routes optimization
How to use Geoapify Route Planner API to optimize school and shuttle buses routes and carpooling
-
Route and schedules optimization
How to use Geoapify Route Planner API to optimize route and schedules of a service company workers
-
Delivery optimization task
How to use Geoapify Route Planner API to solve a delivery route optimization task
-
GeoJSON: Display points as layer
Draw GeoJSON.Points as layer with MapLibre GL
-
Leaflet: create and draw GeoJSON polygon as a hole
Get an isochrone and draw it as a hole with Leaflet
-
Leaflet: draw GeoJSON polygon
Get an isochrone and draw it with Leaflet
-
MapTiles+MapBox GL
Display a map with Mapbox GL
-
Leaflet: Add Markers
Add Markers to a Leaflet map
-
Leaflet + Raster Map tiles
Display a map with Leaflet
-
Batch API
Async call for Batch API example
-
GeoJSON: Display points as markers
Draw GeoJSON.Points as markers with Mapbox GL
-
Mapbox GL: custom marker
Add custom marker to a MapboxGL map