aesqe / Mapboxgl Minimap
Licence: mit
Mapbox GL minimap control
Stars: ✭ 44
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to Mapboxgl Minimap
deck.gl-time-series-widget
A React Time Slider implementation for DECK.GL - (non)temporal data - by CPU filtering ⌛
Stars: ✭ 19 (-56.82%)
Mutual labels: mapbox-gl-js, mapbox
Mapbox Gl Print Export For Port
Print/Export for Mapbox GL
Stars: ✭ 14 (-68.18%)
Mutual labels: mapbox, mapbox-gl-js
maptalks.mapboxgl
MapboxglLayer for maptalks.js
Stars: ✭ 51 (+15.91%)
Mutual labels: mapbox-gl-js, mapbox
Mapbox Gl Directions
Directions plugin for mapbox-gl-js using Mapbox Directions API.
Stars: ✭ 154 (+250%)
Mutual labels: mapbox, mapbox-gl-js
Martin
Blazing fast and lightweight PostGIS vector tiles server
Stars: ✭ 540 (+1127.27%)
Mutual labels: mapbox, mapbox-gl-js
Road Orientation Map
A visualization of road orientations on an interactive map
Stars: ✭ 254 (+477.27%)
Mutual labels: mapbox, mapbox-gl-js
react-mapboxgl
Declarative React components for mapbox-gl-js.
Stars: ✭ 15 (-65.91%)
Mutual labels: mapbox-gl-js, mapbox
Terrastories
Terrastories is a geostorytelling application built to enable local communities to locate and map their own oral storytelling traditions about places of significant meaning or value to them. Check out our Wiki for open source development information.
Stars: ✭ 158 (+259.09%)
Mutual labels: mapbox, mapbox-gl-js
vue-mapbox-map
A minimalist Vue component wrapping Mapbox GL or MapLibre GL for dynamic interaction!
Stars: ✭ 26 (-40.91%)
Mutual labels: mapbox-gl-js, mapbox
impact-tools
Simple blueprints for change-makers
Stars: ✭ 34 (-22.73%)
Mutual labels: mapbox-gl-js, mapbox
lascallesdelasmujeres
Proyecto colaborativo para fomentar la generación de contenidos en OSM y Wikipedia, sobre mujeres.
Stars: ✭ 45 (+2.27%)
Mutual labels: mapbox-gl-js, mapbox
web-maps-wcag-evaluation
Manual accessibility evaluation of popular web map tools.
Stars: ✭ 28 (-36.36%)
Mutual labels: mapbox-gl-js, mapbox
angular-mapboxgl-directive
AngularJS directive for Mapbox GL
Stars: ✭ 43 (-2.27%)
Mutual labels: mapbox-gl-js, mapbox
Mapbox Gl Js
Interactive, thoroughly customizable maps in the browser, powered by vector tiles and WebGL
Stars: ✭ 8,017 (+18120.45%)
Mutual labels: mapbox, mapbox-gl-js
Mapbox Gl Native
Interactive, thoroughly customizable maps in native Android, iOS, macOS, Node.js, and Qt applications, powered by vector tiles and OpenGL
Stars: ✭ 4,091 (+9197.73%)
Mutual labels: mapbox
Sketch Map Generator
Sketch plugin to fill a shape with a map generated from a given location using Google Maps and Mapbox
Stars: ✭ 824 (+1772.73%)
Mutual labels: mapbox
T Rex
t-rex is a vector tile server specialized on publishing MVT tiles from your own data
Stars: ✭ 371 (+743.18%)
Mutual labels: mapbox-gl-js
Vue Mapbox
Vuejs 2 components for interacting with mapbox-gl-js
Stars: ✭ 359 (+715.91%)
Mutual labels: mapbox
Mapbox GL Minimap Control
Demo
--- work in progress; overall performance can probably be improved ---
How to use it
var map = new mapboxgl.Map({
container: "map",
style: "mapbox://styles/mapbox/streets-v8",
center: [-73.94656812952897, 40.72912351406106],
zoom: 7
});
map.on("style.load", function () {
// Possible position values are 'bottom-left', 'bottom-right', 'top-left', 'top-right'
map.addControl(new mapboxgl.Minimap(), 'top-right');
});
Options
{
id: "mapboxgl-minimap",
width: "320px",
height: "180px",
style: "mapbox://styles/mapbox/streets-v8",
center: [0, 0],
zoom: 6,
// should be a function; will be bound to Minimap
zoomAdjust: null,
// if parent map zoom >= 18 and minimap zoom >= 14, set minimap zoom to 16
zoomLevels: [
[18, 14, 16],
[16, 12, 14],
[14, 10, 12],
[12, 8, 10],
[10, 6, 8]
],
lineColor: "#08F",
lineWidth: 1,
lineOpacity: 1,
fillColor: "#F80",
fillOpacity: 0.25,
dragPan: false,
scrollZoom: false,
boxZoom: false,
dragRotate: false,
keyboard: false,
doubleClickZoom: false,
touchZoomRotate: false
}
Compatibility
The latest version should be compatible with maboxgl 0.54.0
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].