Tutorials
Learn how to build your location-aware app with Geoapify Location PlatformProgramming language:
All languages
Maps

No code
How to use Static Maps
Static Maps let to use maps on your website or app as an image without JavaScript. Learn how to generate static maps images, and add markers and shapes to them

No code
Customize a Map Style: adding cycleways layer
This tutorial demonstrates how to style an OpenStreetMap map, customize colors, fonts, show/hide map details

React JS
Adding OpenStreetMaps-based Maps to ReactJS app
Learn how to use Leaflet, Mapbox/MapLibre GL, OpenLayers, and create an OpenStreetMap map in ReactJS applications

Angular
How to use Map Libraries in Angular
Learn how to create a Map Component with Leaflet, Mapbox/MapLibre GL, OpenLayers without the use of additional wrapper libraries
Geocoding & Geolocation

JavaScript
How to create an Address Input with Autocomplete
This tutorial illustrates creating an address input with autocomplete functionality for address validation/address verification forms.

No code
No-code Tutorial: Batch Geocode to CSV/JSON
Learn how to geocode a list of addresses into a CSV or JSON format with HTTP requests in Postman

JavaScript
Javascript Tutorial: How to get address by coordinates with Reverse Geocoding API
Learn how to call Reverse Geocoding API to get an address by coordinates a user clicked on.

JavaScript
Javascript Tutorial: How to search addresses with Geocoding API
Learn how to search addresses by using Geocoding API with Javascript and show results on the map.
Routes & Optimization

No code
How To Add Driving Directions to a Wordpress Website
This tutorial shows how to integrate Route Directions (driving, walking, biking) into a WordPress or other CMS-based website.

JavaScript
Drawing Route Elevation Profile with Chart.js
Route Elevation Profile tutorial shows how to draw road elevations on a chart with Chart.js library. JSFiddle code sample will help you start quickly.

JavaScript
How to draw routes on a Maplibre GL (Mapbox GL) map
The Tutorial shows how to draw routes created by the Routing API on a MapLibre GL (Mapbox GL) map. Check our Live-Demo on JSFiddle.
Isochrones & isodistances
Places & Details
No tutorials found for the API group