Geoapify's public fiddles
-
GeoJSON: Display points as layer
Draw GeoJSON.Points as layer with MapLibre GL
-
Localizing MapLibre GL map
MapLibre example, that shows how to change map language dynamically
-
MapTiles+MapLibre GL
Display a map with MapLibre GL (an open-source fork of Mapbox GL)
-
-
-
-
-
Data Layer: Simple
Sample code for Google Maps Platform JavaScript API author(s): Justin Poehnelt
-
-
Maplibre GL: Population Heatmap with Geoapify Data
Explore an interactive population heatmap visualization created with Maplibre GL and Geoapify, bringing GeoJSON data to life. Visualize population density within the United States in a dynamic way.
-
-
Geoapify Boundary API Example
Explore how to use Geoapify's Boundary API to fetch and display administrative boundaries on a Leaflet map. This JSFiddle demonstrates how to make API requests using JavaScript and visualize the results on an interactive map.
-
Google Plus Codes samples
Learn how to encode and decode locations to Google Plus Codes with the OpenLocationCode library
-
Data Layer: Simple
Sample code for Google Maps Platform JavaScript API author(s): Justin Poehnelt
-
Using IP Geolocation and HTML Geolocation with MapLibre GL
This code allows you to obtain a user's city-level location through IP geolocation with the Geoapify IP Geolocation API, and displays it on a Maplibre GL map.
-
o1rkLwtx
No-Library (pure JS), HTML, CSS, JavaScript
-
Draw isolines with MapLibreGL
This code sample shows how to calculate an isoline and draw it with MapLibreGL
-
Geocoding Service
No-Library (pure JS), HTML, CSS, JavaScript
-
Collect customer's payment address on website and verify it
This code sample shows how to create address collection forms. You can verify the entered address with the Geocoding API.
-
Form to collect shipping and payment addresses
Here's a sample code that shows how to create an address collection form to get postcode, city, street, house number from a customer.