sMap SDK downloads
The web SDK served by the Open Platform and the package of every platform, as files of the current release.
sMap SDK
Load the two files on a web page and create a map with a map key:
smap-web-1.5.12.zip |
All web SDK files in one archive |
smap.js |
Map SDK for web pages (JavaScript) |
smap.css |
Map SDK stylesheet |
smap-client.js |
JS client without a map view (browsers, Node.js, workers) |
smap-client.d.ts |
Type declarations of the JS client |
<link rel="stylesheet" href="https://open.superroute.ca/sdk/smap/v1/smap.css">
<script src="https://open.superroute.ca/sdk/smap/v1/smap.js"></script>
<div id="map" style="height:480px"></div>
<script>
const map = new sMap.Map({ container: 'map', apiKey: 'smk_…', style: 'light', center: [-79.38, 43.65], zoom: 11 });
map.ready.then(() => map.addPoints('stops', [{ lng: -79.38, lat: 43.65, name: 'A' }], { label: 'name' }));
</script>
Without a map view, the JS client gets tokens, picks the nearest node and reads styles, tiles and raw data:
const client = new SMapClient({ apiKey: 'smk_…' });
const style = await client.style('light', 'en');
const tile = await client.tile('basemap', 12, 1143, 1493);
SDK packages
| Platform | Package | File |
|---|---|---|
| JavaScript | @superrouteca/smap |
smap-js-1.5.12.tgz |
| React | @superrouteca/smap-react |
smap-react-1.5.12.tgz |
| React Native | @superrouteca/smap-react-native |
smap-react-native-1.5.12.tgz |
| Flutter | smap_flutter |
smap-flutter-1.5.12.tar.gz |
| Android | ca.superroute:smap (Maven) |
smap-android-1.5.12.zip |
| iOS | SMap (Swift Package Manager) |
smap-apple-1.5.12.zip |
| macOS | SMapMac (Swift Package Manager) |
smap-apple-1.5.12.zip |
| Windows (WPF) | Superroute.SMap.Wpf |
smap-windows-1.5.12.zip |
| Windows (Windows Forms) | Superroute.SMap.WinForms |
smap-windows-1.5.12.zip |
| Leaflet | @superrouteca/smap-leaflet |
smap-leaflet-1.5.12.tgz |
| OpenLayers | @superrouteca/smap-openlayers |
smap-openlayers-1.5.12.tgz |
| Mapbox GL JS | @superrouteca/smap-mapbox |
smap-mapbox-1.5.12.tgz |
| deck.gl | @superrouteca/smap-deckgl |
smap-deckgl-1.5.12.tgz |
| ArcGIS Maps SDK for JavaScript | @superrouteca/smap-arcgis |
smap-arcgis-1.5.12.tgz |
| CesiumJS | @superrouteca/smap-cesium |
smap-cesium-1.5.12.tgz |
License: Superroute SDK License
Installation, map keys, map tokens and an example for each platform: sMap integration