mirror of
https://github.com/mapillary/mapillary-js.git
synced 2026-02-01 14:33:45 +00:00
8c13560c49
Fixes #177 Render navigation component arrows for sequence as well as spatial. Position arrows according to direction and sequence component. Use base64 encoded svgs rotated with svg transform to avoid more svgs in dist folder.
MapillaryJS
MapillaryJS is a JavaScript & WebGL library that renders street level photos from Mapillary.
Using MapillaryJS
To use MapillaryJS you must create an account and obtain a Client ID. Then you can use MapillaryJS with a <script> tag.
<!DOCTYPE html>
<html>
<head>
<script src='https://unpkg.com/mapillary-js@2.7.0/dist/mapillary.min.js'></script>
<link href='https://unpkg.com/mapillary-js@2.7.0/dist/mapillary.min.css' rel='stylesheet' />
</head>
<body>
<div id='mly' style='width: 640px; height: 480px;'></div>
<script>
var mly = new Mapillary.Viewer(
'mly',
'<your client id>',
'<your photo id for initializing the viewer>'
);
</script>
</body>
</html>
Alternatively, you can npm install mapillary-js to use it with a module loader or bundler of your choice.
Refer to the Examples and Documentation sections below for more information.
Examples
Viewer
- Fixed size
- Dynamic size
- Load immediately
- No cover
- Move to key
- Move in direction
- Move close to latitude and longitude
- Viewer options
- Subscribe to node changed
- Set filter
- Change filters
- Get center and zoom
- Set center and zoom
- LatLon, computedLatLon and originalLatLon explained
- Get bearing
Viewer and map
- MapillaryJS + ESRI JS API
- MapillaryJS + Google Maps
- MapillaryJS + HERE Maps
- MapillaryJS + Leaflet
- MapillaryJS + Leaflet ESRI
- MapillaryJS + Leaflet Tangram
- MapillaryJS + Mapbox GL JS
Components
Marker
- Configure marker style and behavior
- Add and drag markers
- Indicate hovered marker
- Sync viewer and map markers
- Add one million interactive markers
Mouse
Popup
Route
Slider
Tag
- Show point, polygon and rect tags
- Configure point, polygon and rect tags
- Create tags
- Listen to geometry changes
- Indicate hovered tag
Documentation
Changelog
Every release is described on the GitHub Releases page.
License
MIT License
Contributing to MapillaryJS
See CONTRIBUTING.md.
Migrating from MapillaryJS 1 to 2
See MIGRATING.md.