Stadia Maps JavaScript SDK
This SDK helps you access the full range of geospatial APIs from Stadia Maps using JavaScript, TypeScript, etc.
We've written everything in TypeScript, derived from our official API spec, so you'll get all the goodies
like autocomplete, type definitions, and documentation in your favorite editor.
Getting started with npm
First, add @stadiamaps/api
as a dependency of your project using your favorite package manager
like npm
or yarn
. Something like this:
npm install --save @stadiamaps/api
The library exposes 3 different API classes for grouping functionality: GeocodingApi
,
GeospatialApi
, and RoutingApi
. These correspond to the sections in our online
API Reference.
All clients have the same interface and only expose different methods. Here is an
example of getting started with the geocoding API:
import { GeocodingApi, Configuration } from '@stadiamaps/api';
const api = new GeocodingApi();
api.reverse({ pointLat: 59.44436, pointLon: 24.75071 }).then(function (result) {
console.log(result);
}, function (err) {
console.log(err);
});
const res = await api.search({ text: "Põhja pst 27" });
Getting started with unpkg
If you like to keep your frontend simple and don't want to use JS build tooling, we have you covered! You can easily use
the SDK by linking to the module on unpkg. The library is exported via the global stadiaMapsApi
, but otherwise
functions exactly like if you used npm
package tooling.
Here's a quick usage example of a webpage that makes a geocoding query and displays the result.
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://www.unpkg.com/@stadiamaps/api@1.0.2"></script>
<script type="text/javascript">
const api = new stadiaMapsApi.GeocodingApi();
window.onload = async function() {
const res = await api.autocomplete({ text: "Põhja pst 27" });
document.getElementById("pre").innerHTML = JSON.stringify(res, null, 2);
}
</script>
</head>
<body>
<div>
<pre id="pre">Loading...</pre>
</div>
</body>
</html>
Documentation
Official documentation lives at docs.stadiamaps.com, where you can read
both long-form prose explanations of the finer details of each endpoint and a
compact API reference.
Developing
Refer to DEVELOPING.md for details on
local development.