mapillary / Mapillary Js
Licence: mit
Interactive, customizable street imagery viewer in the browser, powered by WebGL
Stars: ✭ 261
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to Mapillary Js
Clay Viewer
3D model viewer with high quality rendering and glTF2.0/GLB export
Stars: ✭ 558 (+113.79%)
Mutual labels: 3d, webgl, viewer
React 3d Viewer
A 3D model viewer component based on react.js 一个基于react.js的组件化3d模型查看工具
Stars: ✭ 100 (-61.69%)
Mutual labels: 3d, webgl, viewer
Elm 3d Scene
A high-level 3D rendering engine for Elm, with support for lighting, shadows, and realistic materials.
Stars: ✭ 167 (-36.02%)
Mutual labels: 3d, webgl
Layaair discard
This is old LayaAir veriosn writetten by ActionScript 3.0 ,now LayaAir is using TypeScript as the Engine Script,Please use https://github.com/layabox/LayaAir instead.
Stars: ✭ 1,858 (+611.88%)
Mutual labels: 3d, webgl
3d Force Graph
3D force-directed graph component using ThreeJS/WebGL
Stars: ✭ 2,386 (+814.18%)
Mutual labels: 3d, webgl
L7
🌎 Large-scale WebGL-powered Geospatial Data Visualization analysis framework which relies on Mapbox GL or AMap to render basemaps.
Stars: ✭ 2,517 (+864.37%)
Mutual labels: 3d, webgl
Awesome Webgpu
😎 Curated list of awesome things around WebGPU ecosystem.
Stars: ✭ 182 (-30.27%)
Mutual labels: 3d, webgl
Openglobus
JavaScript 3d maps and geospatial data visualization engine library.
Stars: ✭ 199 (-23.75%)
Mutual labels: 3d, webgl
Dc Sdk
DC-SDK 是基于 Cesium 进行二次开发的2、3D一体 WebGis 应用框架,该框架优化了 Cesium 的使用方式和增添了一些额外功能，旨在为开发者快速构建 WebGis 应用。🌎
Stars: ✭ 206 (-21.07%)
Mutual labels: 3d, webgl
Wechart
Create all the [ch]arts by cax or three.js - Cax 和 three.js 创造一切图[表]
Stars: ✭ 152 (-41.76%)
Mutual labels: 3d, webgl
Jeelizfacefilter
Javascript/WebGL lightweight face tracking library designed for augmented reality webcam filters. Features : multiple faces detection, rotation, mouth opening. Various integration examples are provided (Three.js, Babylon.js, FaceSwap, Canvas2D, CSS3D...).
Stars: ✭ 2,042 (+682.38%)
Mutual labels: 3d, webgl
Threejs Sandbox
Set of experiments and extensions to THREE.js.
Stars: ✭ 163 (-37.55%)
Mutual labels: 3d, webgl
Andromeda
This is a WebGL recreation of the popular music video Gorillaz - Andromeda.
Stars: ✭ 145 (-44.44%)
Mutual labels: 3d, webgl
Claygl
A WebGL graphic library for building scalable Web3D applications
Stars: ✭ 2,365 (+806.13%)
Mutual labels: 3d, webgl
Pathfinding Visualizer Threejs
A visualizer for pathfinding algorithms in 3D with maze generation, first-person view and device camera input.
Stars: ✭ 209 (-19.92%)
Mutual labels: 3d, webgl
Wonder.js
🚀Functional, High performance 3D Webgl Engine
Stars: ✭ 225 (-13.79%)
Mutual labels: 3d, webgl
Jeelizglassesvtowidget
JavaScript/WebGL glasses virtual try on widget. Real time webcam experience, robust to all lighting conditions, high end 3D PBR rendering, easy to integrate, fallback to server-side rendering
Stars: ✭ 134 (-48.66%)
Mutual labels: 3d, webgl
MapillaryJS
MapillaryJS is a JavaScript & WebGL library that renders street level imagery from Mapillary.
Using MapillaryJS
To use MapillaryJS you must create an account and obtain a Client ID by registering an application.
You can use MapillaryJS as a <script> tag from a CDN, or as a mapillary-js package on npm.
<!DOCTYPE html>
<html>
<head>
<script src='https://unpkg.com/[email protected]/dist/mapillary.min.js'></script>
<link href='https://unpkg.com/[email protected]/dist/mapillary.min.css' rel='stylesheet' />
</head>
<body>
<div id='mly' style='width: 640px; height: 480px;'></div>
<script>
var mly = new Mapillary.Viewer({
apiClient: '<your client id>',
container: 'mly',
imageKey: '<your image key for initializing the viewer>',
});
</script>
</body>
</html>
Refer to the Examples and Documentation sections below for more information.
Examples
Support
Viewer
- Fixed size
- Dynamic size
- Load immediately
- No cover
- Initialize with or without a key
- Determine if viewer is navigable
- Move to key
- Move in direction
- Viewer options
- Subscribe to node changed
- Edges changed events
- Set filter
- Change filters
- Get center and zoom
- Set center and zoom
- LatLon, computedLatLon and originalLatLon explained
- Get bearing
- Side by side compare
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
- MapillaryJS + OpenLayers
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
Keyboard
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
Migrating
Learn how to migrate between major MapillaryJS releases.
Contribute to MapillaryJS
Learn how to contribute.
Code of Conduct
Facebook has adopted the Contributor Covenant as its Code of Conduct, and we expect project participants to adhere to it. Please read the full text so that you can understand what actions will and will not be tolerated.
License
MapillaryJS is MIT licensed.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].