slippy-tile

Slippy Tile

Slippy Tile helps parse a Tile scheme URL from a given Tile [x, y, zoom].

Install

$ npm install --save slippy-tile

Quickstart

import slippyTile from 'slippy-tile'

const tile = [10, 15, 8] // x, y, zoom
const url = slippyTile(tile, 'osm')
//= https://b.tile.openstreetmap.org/8/10/15.png

Providers

Name	Unique Key
OSM (Default)	osm
OSM Cycle Map	osm-cycle
OSM Humanitarian	osm-hot
OSM Transport	osm-transport
OSM Wikimedia	osm-wikimedia
OSM Lyrk	osm-lyrk
Bing Imagery	bing-imagery
Strava Cycling & Running	strava
National Geographic World Map	natgeo
ESRI Imagery	esri-imagery
ESRI Ocean Basemap	esri-ocean
ESRI USA Topo Maps	esri-usa-topo
ESRI World Street Map	esri-street
ESRI World Topographic Map	esri-topo
DigitalGlobe Imagery	digitalgloble-imagery
DigitalGlobe Hybrid	digitalgloble-hybrid

Scheme

You can provide your own scheme by following the same syntax as JOSM.

const scheme = 'https://{switch:a,b,c}.tile.openstreetmap.org/{zoom}/{x}/{y}.png'
const url = slippyTile([10, 15, 8], scheme)
//= https://b.tile.openstreetmap.org/8/10/15.png

Options

• {x}: Tile Column
• {y}: Tile Row
• {-y}: Tile Row using TMS tile scheme
• {zoom}: Zoom Level
• {bbox}: GeoJSON Bounding Box
• {quadkey}: Microsoft's Quadkey
• {switch:1,2,3}: Selects a random sample
• {height} default = 256
• {width}: default = 256
• {proj}: default = EPSG:3857

slippyTile

Substitutes the given tile information [x,y,zoom] to the URL tile scheme.

Parameters

• tile Tile Tile [x, y, zoom]
• scheme string Tile scheme URL or provider unique key

Examples

import slippyTile from 'slippyTile'
slippyTile([10, 15, 8], 'osm')
//='https://c.tile.openstreetmap.org/8/10/15.png'

Returns string

parseSwitch

Replaces {switch:a,b,c} with a random sample.

Parameters

• url string URL Scheme

Examples

import { parseSwitch } from 'slippyTile'
parseSwitch('http://tile-{switch:a,b,c}.openstreetmap.fr/hot/{zoom}/{x}/{y}.png')
//='http://tile-b.openstreetmap.fr/hot/{zoom}/{x}/{y}.png'

Returns string Parsed URL with switch replaced

providerLookup

Provider Lookup

Parameters

• provider string Provider unique key

Examples

import { provider } from 'slippyTile'
provider('bing-imagery')
//='http://ecn.t{switch:0,1,2,3}.tiles.virtualearth.net/tiles/a{quadkey}.jpeg?g=5250'

Returns string url Tile URL scheme

sample

Sample an item from a given list

Parameters

• collection Array<any> List of items

Examples

import { sample } from 'slippyTile'
sample(['a', 'b', 'c'])
//='a'

Returns (string | number) Single item from the list

Changelog

1.2.2 - 2016-10-21

• Removed js-yaml dependency
• Removed all request related dependencies
• Removed download method
• Added DigitalGlobe as provider
• Converted source.json to providers.yml

1.1.0 - 2016-10-14

• Changed default function to url
• Added download feature
• Fallbacks, request-promise dependency for downloading Tile data Buffer
• Update docs

1.0.0 - 2016-10-13

First Stable release of slippy-tile.