Map Tiles Example

An example implementation of the First Street Raster Tiles API

For both examples, be sure to modify the JS and enter your API key within FSF_API_KEY for an example of Flood Probability Tiles. For a full screen example, click on Edit on Codepen in the top right corner.

Mapbox

Google Maps

iOS Implementation

For iOS users using MapKit, please see Apple's Official Documentation on using the MapKit Overlays.

The relevant code example is pasted below, with modificatons to match First Street Tiles location.

let tilesPath = "https://api.firststreet.org/v2/maps/tile/flood/probability/depth/0/20/{z}/{x}/{y}.png?key=${FSF_API_KEY}"
let tileOverlay = MKTileOverlay(urlTemplate: tilesPath)