MapillaryJS
A JavaScript & WebGL library that renders street-level imagery from Mapillary.
MapillaryJS GitHubSource codeRead the documentation
Getting started
To start using MapillaryJS, you need a create a Mapillary account and register your application to obtain a Client ID.
Sign up on Mapillary
Include MapillaryJS with script tags
Add MapillaryJS to a web page by including the JavaScript library and the stylesheet.

<script src='https://unpkg.com/mapillary-js@3.1.0/dist/mapillary.min.js'></script>

<link href='https://unpkg.com/mapillary-js@3.1.0/dist/mapillary.min.css' rel='stylesheet' />
            
And then to get started simply add a container and initialize a viewer.

<div id='mly' style='width: 640px; height: 480px;'></div>

<script>
  var mly = new Mapillary.Viewer({
      apiClient: '<your client id>',
      container: 'mly',
      imageKey: '<your image id for initializing the viewer>',
  });
</script>
            
Using MapillaryJS with a module loader
Install the MapillaryJS npm package.
npm install --save mapillary-js
Then include the CSS file on your page or through your module loader/bundler.
https://unpkg.com/mapillary-js@2.18.0/dist/mapillary.min.css
Import MapillaryJS like you would with any other module and start using it.

import * as Mapillary from 'mapillary-js';

const mly = new Mapillary.Viewer(
  'mly', // id of container the viewer should mount to
  'your client id',
  'your image key for initializing the viewer'
);
            
Start using MapillaryJS
Sign up on Mapillary
MapillaryJS GitHubSource codeRead the documentation