JSFiddle

Geoapify's public fiddles

• GeoJSON: Display points as layer

  Draw GeoJSON.Points as layer with MapLibre GL

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Localizing MapLibre GL map

  MapLibre example, that shows how to change map language dynamically

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

  Display a map with MapLibre GL (an open-source fork of Mapbox GL)

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Private fiddle Extra
• Delete fiddle
Groups Extra
• Private fiddle Extra
• Delete fiddle
Groups Extra
• Private fiddle Extra
• Delete fiddle
Groups Extra
• Private fiddle Extra
• Delete fiddle
Groups Extra
• Data Layer: Simple

  Sample code for Google Maps Platform JavaScript API author(s): Justin Poehnelt

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

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Google Plus Codes samples

  Learn how to encode and decode locations to Google Plus Codes with the OpenLocationCode library

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Data Layer: Simple

  Sample code for Google Maps Platform JavaScript API author(s): Justin Poehnelt

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• o1rkLwtx

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Draw isolines with MapLibreGL

  This code sample shows how to calculate an isoline and draw it with MapLibreGL

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Geocoding Service

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

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

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

• Private fiddle Extra
• Delete fiddle
Groups Extra

• 1
• 2
• ▶︎
• 3