Examples for Use Case: Display an interactive map

The embedded map viewers here show their default view, which is generally a map of the whole globe although it may be personalized to the viewer's location.

The JS API maps are the simplest viewers supported by each framework. Some require an explicit position and zoom level to display anything; the examples use a full-globe map (zoom 0) centered on 0° latitude and longitude. Some frameworks also require explicit map tile source; the examples in those cases use OpenStreetMap tiles.

Jump to section…

Google Maps

OpenStreetMap

Bing Maps

MapBox Studio embed

Leaflet.js (with OpenStreetMap tiles)

OpenLayers (with OpenStreetMap tiles)

Google Maps API

Bing Maps Control API

MapKit JS (Apple Maps) API

MapBox GL

TomTom Maps SDK for Web with vector maps

D3 Geographies APIs