mapillary-js/doc/examples/examples.md
2021-05-27 11:59:02 +02:00

4.1 KiB

id title slug
examples Examples /

Support

Example Description
Check Support Verify that the browser supports MapillaryJS

Viewer

Core Functionality

Example Description
Initialization Initialize the viewer in different ways and check if it is navigable
Options Configure appearance and behavior through viewer and component options
Methods Configure appearance and behavior with methods after initial load
Events Add event listeners and handle viewer events
Filtering Apply filters to decide what images are shown and can be navigated to
Viewpoint Control the viewer's point and field of view

Map Synchronization

Example Description
Viewer to Map Update a Mapbox map from viewer position and field of view
Map to Viewer Navigate the viewer based on Mapbox map interaction

Component

Input

Example Description
Pointer Activate and deactivate mouse, pen, and touch handlers
Keyboard Activate and deactivate keyboard handlers

Spatial

Example Description
Options

Marker

Example Description
Add and drag markers
Marker appearance Configure marker style and behavior
Hovered markers
Map synchronization
One million markers

Popup

Example Description
Display popups
Configure popups
Connect popups with tags

Tag

Example Description
Show tags Show point, polygon and rect tags
Configure tags
Create tags
Listen to tag changes
Hover tags

Extension

Example MapillaryJS API Description
Procedural Provider Data Provider Serve procedurally generated data
WebGL Renderer Render Use WebGL to render a 3D object
Three.js Renderer Render Use Three.js to render a 3D object
Animation Render Make a rotating cube animation
Fly Controls Camera Control Attach fly controls leveraging Three.js