JSFiddle

Geoapify's public fiddles

• Routing API + Leaflet

  Display a route on a Leaflet map

• Private fiddle Extra
• Delete fiddle
Groups Extra
• epb6w3z8

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Address Autocomplete Tutorial

  Create an Address Input with suggestions by using Geoapify Address Autocomplete API

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Batch Geocoding API, postcodes

  Async call for Batch Geocoding API example

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Batch Geocoding API, addresses in France

  Async call for Batch Geocoding API example

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Batch Geocoding API

  Async call for Batch Geocoding API example

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 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.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Geocoding: Address to Latitude/Longitude

  Learn how to call Geocoding API to search an address. Then, show the found address on the map.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Bus routes optimization

  How to use Geoapify Route Planner API to optimize school and shuttle buses routes and carpooling

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Route and schedules optimization

  How to use Geoapify Route Planner API to optimize route and schedules of a service company workers

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Delivery optimization task

  How to use Geoapify Route Planner API to solve a delivery route optimization task

• Private fiddle Extra
• Delete fiddle
Groups Extra
• GeoJSON: Display points as layer

  Draw GeoJSON.Points as layer with MapLibre GL

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Leaflet: create and draw GeoJSON polygon as a hole

  Get an isochrone and draw it as a hole with Leaflet

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Leaflet: draw GeoJSON polygon

  Get an isochrone and draw it with Leaflet

• Private fiddle Extra
• Delete fiddle
Groups Extra
• MapTiles+MapBox GL

  Display a map with Mapbox GL

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Leaflet: Add Markers

  Add Markers to a Leaflet map

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Leaflet + Raster Map tiles

  Display a map with Leaflet

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Batch API

  Async call for Batch API example

• Private fiddle Extra
• Delete fiddle
Groups Extra
• GeoJSON: Display points as markers

  Draw GeoJSON.Points as markers with Mapbox GL

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Mapbox GL: custom marker

  Add custom marker to a MapboxGL map

• Private fiddle Extra
• Delete fiddle
Groups Extra

• 1
• ◀︎
• 2
• ▶︎
• 3