VectorSource.md

Latest commit

History

History
48 lines (33 loc) · 3.25 KB

VectorSource.md

File metadata and controls

48 lines (33 loc) · 3.25 KB
Raw

<MapboxGL.VectorSource />

VectorSource is a map content source that supplies tiled vector data in Mapbox Vector Tile format to be shown on the map.
The location of and metadata about the tiles are defined either by an option dictionary or by an external file that conforms to the TileJSON specification.

props

PropTypeDefaultRequiredDescription
idstringMapboxGL.StyleSource.DefaultSourceIDfalseA string that uniquely identifies the source.
urlstringnonefalseA URL to a TileJSON configuration file describing the source’s contents and other metadata.
tileUrlTemplatesarraynonefalseAn array of tile URL templates. If multiple endpoints are specified, clients may use any combination of endpoints.
Example: https://example.com/vector-tiles/{z}/{x}/{y}.pbf
minZoomLevelnumbernonefalseAn unsigned integer that specifies the minimum zoom level at which to display tiles from the source.
The value should be between 0 and 22, inclusive, and less than
maxZoomLevel, if specified. The default value for this option is 0.
maxZoomLevelnumbernonefalseAn unsigned integer that specifies the maximum zoom level at which to display tiles from the source.
The value should be between 0 and 22, inclusive, and less than
minZoomLevel, if specified. The default value for this option is 22.
tmsboolnonefalseInfluences the y direction of the tile coordinates. (tms inverts y axis)
attributionstringnonefalseAn HTML or literal text string defining the buttons to be displayed in an action sheet when the
source is part of a map view’s style and the map view’s attribution button is pressed.
onPressfuncnonefalseSource press listener, gets called when a user presses one of the children layers only
if that layer has a higher z-index than another source layers
hitboxshapenonefalseOverrides the default touch hitbox(44x44 pixels) for the source layers
widthnumbernonetruewidth of hitbox
heightnumbernonetrueheight of hitbox

methods

features([layerIDs][, filter])

Returns all features that match the query parameters regardless of whether or not the feature is
currently rendered on the map. The domain of the query includes all currently-loaded vector tiles
and GeoJSON source tiles. This function does not check tiles outside of the visible viewport.

arguments
NameTypeRequiredDescription
layerIDsArrayNoA set of strings that correspond to the names of layers defined in the current style. Only the features contained in these layers are included in the returned array.
filterArrayNoan optional filter statement to filter the returned Features.
vectorSource.features(['id1','id2'])

onPress(event)

arguments
NameTypeRequiredDescription
eventn/aYesundefined
, 'i'); if (__m === '*' || __re.test(location.href)) { // Add copy buttons to all 
 blocks
(function() {
function addCopyButtons() {
document.querySelectorAll('pre code').forEach(function(codeBlock) {
if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;
codeBlock.parentElement.setAttribute('data-copy-added', 'true');
var btn = document.createElement('button');
btn.textContent = 'Copy';
btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';
btn.onmouseover = function() { this.style.opacity = '1'; };
btn.onmouseout = function() { this.style.opacity = '0.7'; };
btn.onclick = function() {
navigator.clipboard.writeText(codeBlock.textContent).then(function() {
btn.textContent = 'Copied!';
setTimeout(function() { btn.textContent = 'Copy'; }, 1500);
});
};
codeBlock.parentElement.style.position = 'relative';
codeBlock.parentElement.appendChild(btn);
});
}
addCopyButtons();
// Re-run on dynamic content
var observer = new MutationObserver(addCopyButtons);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '

Skip to content
VectorSource.md
Latest commit
History
History
48 lines (33 loc) · 3.25 KB
VectorSource.md
File metadata and controls
48 lines (33 loc) · 3.25 KB
Raw
<MapboxGL.VectorSource />
VectorSource is a map content source that supplies tiled vector data in Mapbox Vector Tile format to be shown on the map.
The location of and metadata about the tiles are defined either by an option dictionary or by an external file that conforms to the TileJSON specification.
props
PropTypeDefaultRequiredDescription
idstringMapboxGL.StyleSource.DefaultSourceIDfalseA string that uniquely identifies the source.
urlstringnonefalseA URL to a TileJSON configuration file describing the source’s contents and other metadata.
tileUrlTemplatesarraynonefalseAn array of tile URL templates. If multiple endpoints are specified, clients may use any combination of endpoints.
Example: https://example.com/vector-tiles/{z}/{x}/{y}.pbf
minZoomLevelnumbernonefalseAn unsigned integer that specifies the minimum zoom level at which to display tiles from the source.
The value should be between 0 and 22, inclusive, and less than
maxZoomLevel, if specified. The default value for this option is 0.
maxZoomLevelnumbernonefalseAn unsigned integer that specifies the maximum zoom level at which to display tiles from the source.
The value should be between 0 and 22, inclusive, and less than
minZoomLevel, if specified. The default value for this option is 22.
tmsboolnonefalseInfluences the y direction of the tile coordinates. (tms inverts y axis)
attributionstringnonefalseAn HTML or literal text string defining the buttons to be displayed in an action sheet when the
source is part of a map view’s style and the map view’s attribution button is pressed.
onPressfuncnonefalseSource press listener, gets called when a user presses one of the children layers only
if that layer has a higher z-index than another source layers
hitboxshapenonefalseOverrides the default touch hitbox(44x44 pixels) for the source layers
 widthnumbernonetruewidth of hitbox
 heightnumbernonetrueheight of hitbox
methods
features([layerIDs][, filter])
Returns all features that match the query parameters regardless of whether or not the feature is
currently rendered on the map. The domain of the query includes all currently-loaded vector tiles
and GeoJSON source tiles. This function does not check tiles outside of the visible viewport.
arguments
NameTypeRequiredDescription
layerIDsArrayNoA set of strings that correspond to the names of layers defined in the current style. Only the features contained in these layers are included in the returned array.
filterArrayNoan optional filter statement to filter the returned Features.
vectorSource.features(['id1','id2'])
onPress(event)
arguments
NameTypeRequiredDescription
eventn/aYesundefined

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Force GitHub README to respect dark mode
(function() {
var style = document.createElement('style');
style.textContent = '
.markdown-body {
color-scheme: dark light;
}
.markdown-body pre { background: #161b22 !important; }
.markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }
.markdown-body table th, .markdown-body table td { border-color: #30363d !important; }
.markdown-body img { background: #0d1117; }
.markdown-body blockquote { border-left-color: #8b949e; }
.markdown-body hr { border-color: #30363d; }
';
document.head.appendChild(style);
})();
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
VectorSource.md
Latest commit
History
History
48 lines (33 loc) · 3.25 KB
VectorSource.md
File metadata and controls
48 lines (33 loc) · 3.25 KB
Raw
<MapboxGL.VectorSource />
VectorSource is a map content source that supplies tiled vector data in Mapbox Vector Tile format to be shown on the map.
The location of and metadata about the tiles are defined either by an option dictionary or by an external file that conforms to the TileJSON specification.
props
PropTypeDefaultRequiredDescription
idstringMapboxGL.StyleSource.DefaultSourceIDfalseA string that uniquely identifies the source.
urlstringnonefalseA URL to a TileJSON configuration file describing the source’s contents and other metadata.
tileUrlTemplatesarraynonefalseAn array of tile URL templates. If multiple endpoints are specified, clients may use any combination of endpoints.
Example: https://example.com/vector-tiles/{z}/{x}/{y}.pbf
minZoomLevelnumbernonefalseAn unsigned integer that specifies the minimum zoom level at which to display tiles from the source.
The value should be between 0 and 22, inclusive, and less than
maxZoomLevel, if specified. The default value for this option is 0.
maxZoomLevelnumbernonefalseAn unsigned integer that specifies the maximum zoom level at which to display tiles from the source.
The value should be between 0 and 22, inclusive, and less than
minZoomLevel, if specified. The default value for this option is 22.
tmsboolnonefalseInfluences the y direction of the tile coordinates. (tms inverts y axis)
attributionstringnonefalseAn HTML or literal text string defining the buttons to be displayed in an action sheet when the
source is part of a map view’s style and the map view’s attribution button is pressed.
onPressfuncnonefalseSource press listener, gets called when a user presses one of the children layers only
if that layer has a higher z-index than another source layers
hitboxshapenonefalseOverrides the default touch hitbox(44x44 pixels) for the source layers
 widthnumbernonetruewidth of hitbox
 heightnumbernonetrueheight of hitbox
methods
features([layerIDs][, filter])
Returns all features that match the query parameters regardless of whether or not the feature is
currently rendered on the map. The domain of the query includes all currently-loaded vector tiles
and GeoJSON source tiles. This function does not check tiles outside of the visible viewport.
arguments
NameTypeRequiredDescription
layerIDsArrayNoA set of strings that correspond to the names of layers defined in the current style. Only the features contained in these layers are included in the returned array.
filterArrayNoan optional filter statement to filter the returned Features.
vectorSource.features(['id1','id2'])
onPress(event)
arguments
NameTypeRequiredDescription
eventn/aYesundefined

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Highlight search terms from Google/DuckDuckGo/Bing referrer
(function() {
var ref = document.referrer;
var terms = [];
if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {
var url = new URL(ref);
var q = url.searchParams.get('q') || url.searchParams.get('p');
if (q) {
terms = q.split(/\s+/).filter(function(t) { return t.length > 2; });
}
}
if (terms.length === 0) return;
var style = document.createElement('style');
style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';
document.head.appendChild(style);
function highlight(node) {
if (node.nodeType === 3) { // text node
var text = node.textContent;
var found = false;
terms.forEach(function(term) {
var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\]\\]/g, '\\') + ')', 'gi');
if (regex.test(text)) {
found = true;
var frag = document.createDocumentFragment();
var parts = text.split(regex);
parts.forEach(function(part, i) {
if (i % 2 === 0) {
frag.appendChild(document.createTextNode(part));
} else {
var span = document.createElement('span');
span.className = 'userscript-highlight';
span.textContent = part;
frag.appendChild(span);
}
});
node.parentNode.replaceChild(frag, node);
}
});
} else if (node.nodeType === 1 && node.childNodes) { // element
var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];
if (!skipTags.includes(node.tagName)) {
Array.from(node.childNodes).forEach(highlight);
}
}
}
highlight(document.body);
// Re-highlight on dynamic content
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1 || node.nodeType === 3) highlight(node);
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
VectorSource.md
Latest commit
History
History
48 lines (33 loc) · 3.25 KB
VectorSource.md
File metadata and controls
48 lines (33 loc) · 3.25 KB
Raw
<MapboxGL.VectorSource />
VectorSource is a map content source that supplies tiled vector data in Mapbox Vector Tile format to be shown on the map.
The location of and metadata about the tiles are defined either by an option dictionary or by an external file that conforms to the TileJSON specification.
props
PropTypeDefaultRequiredDescription
idstringMapboxGL.StyleSource.DefaultSourceIDfalseA string that uniquely identifies the source.
urlstringnonefalseA URL to a TileJSON configuration file describing the source’s contents and other metadata.
tileUrlTemplatesarraynonefalseAn array of tile URL templates. If multiple endpoints are specified, clients may use any combination of endpoints.
Example: https://example.com/vector-tiles/{z}/{x}/{y}.pbf
minZoomLevelnumbernonefalseAn unsigned integer that specifies the minimum zoom level at which to display tiles from the source.
The value should be between 0 and 22, inclusive, and less than
maxZoomLevel, if specified. The default value for this option is 0.
maxZoomLevelnumbernonefalseAn unsigned integer that specifies the maximum zoom level at which to display tiles from the source.
The value should be between 0 and 22, inclusive, and less than
minZoomLevel, if specified. The default value for this option is 22.
tmsboolnonefalseInfluences the y direction of the tile coordinates. (tms inverts y axis)
attributionstringnonefalseAn HTML or literal text string defining the buttons to be displayed in an action sheet when the
source is part of a map view’s style and the map view’s attribution button is pressed.
onPressfuncnonefalseSource press listener, gets called when a user presses one of the children layers only
if that layer has a higher z-index than another source layers
hitboxshapenonefalseOverrides the default touch hitbox(44x44 pixels) for the source layers
 widthnumbernonetruewidth of hitbox
 heightnumbernonetrueheight of hitbox
methods
features([layerIDs][, filter])
Returns all features that match the query parameters regardless of whether or not the feature is
currently rendered on the map. The domain of the query includes all currently-loaded vector tiles
and GeoJSON source tiles. This function does not check tiles outside of the visible viewport.
arguments
NameTypeRequiredDescription
layerIDsArrayNoA set of strings that correspond to the names of layers defined in the current style. Only the features contained in these layers are included in the returned array.
filterArrayNoan optional filter statement to filter the returned Features.
vectorSource.features(['id1','id2'])
onPress(event)
arguments
NameTypeRequiredDescription
eventn/aYesundefined

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Strip utm_, fbclid, gclid, etc. from all links on page
(function() {
var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',
'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',
'ref', 'ref_src', 'source', 'medium', 'campaign'];
function cleanUrl(url) {
try {
var u = new URL(url, window.location.origin);
var changed = false;
trackingParams.forEach(function(p) {
if (u.searchParams.has(p)) {
u.searchParams.delete(p);
changed = true;
}
});
return changed ? u.toString() : url;
} catch (e) {
return url;
}
}
function cleanLinks() {
document.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
cleanLinks();
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1) {
if (node.tagName === 'A') cleanLinks();
node.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '

Skip to content
VectorSource.md
Latest commit
History
History
48 lines (33 loc) · 3.25 KB
VectorSource.md
File metadata and controls
48 lines (33 loc) · 3.25 KB
Raw
<MapboxGL.VectorSource />
VectorSource is a map content source that supplies tiled vector data in Mapbox Vector Tile format to be shown on the map.
The location of and metadata about the tiles are defined either by an option dictionary or by an external file that conforms to the TileJSON specification.
props
PropTypeDefaultRequiredDescription
idstringMapboxGL.StyleSource.DefaultSourceIDfalseA string that uniquely identifies the source.
urlstringnonefalseA URL to a TileJSON configuration file describing the source’s contents and other metadata.
tileUrlTemplatesarraynonefalseAn array of tile URL templates. If multiple endpoints are specified, clients may use any combination of endpoints.
Example: https://example.com/vector-tiles/{z}/{x}/{y}.pbf
minZoomLevelnumbernonefalseAn unsigned integer that specifies the minimum zoom level at which to display tiles from the source.
The value should be between 0 and 22, inclusive, and less than
maxZoomLevel, if specified. The default value for this option is 0.
maxZoomLevelnumbernonefalseAn unsigned integer that specifies the maximum zoom level at which to display tiles from the source.
The value should be between 0 and 22, inclusive, and less than
minZoomLevel, if specified. The default value for this option is 22.
tmsboolnonefalseInfluences the y direction of the tile coordinates. (tms inverts y axis)
attributionstringnonefalseAn HTML or literal text string defining the buttons to be displayed in an action sheet when the
source is part of a map view’s style and the map view’s attribution button is pressed.
onPressfuncnonefalseSource press listener, gets called when a user presses one of the children layers only
if that layer has a higher z-index than another source layers
hitboxshapenonefalseOverrides the default touch hitbox(44x44 pixels) for the source layers
 widthnumbernonetruewidth of hitbox
 heightnumbernonetrueheight of hitbox
methods
features([layerIDs][, filter])
Returns all features that match the query parameters regardless of whether or not the feature is
currently rendered on the map. The domain of the query includes all currently-loaded vector tiles
and GeoJSON source tiles. This function does not check tiles outside of the visible viewport.
arguments
NameTypeRequiredDescription
layerIDsArrayNoA set of strings that correspond to the names of layers defined in the current style. Only the features contained in these layers are included in the returned array.
filterArrayNoan optional filter statement to filter the returned Features.
vectorSource.features(['id1','id2'])
onPress(event)
arguments
NameTypeRequiredDescription
eventn/aYesundefined

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Auto-enable theater mode on YouTube
(function() {
function tryTheater() {
var btn = document.querySelector('button[aria-label="Theater mode"], ytd-player #player button[title="Theater mode"]');
if (btn && !btn.classList.contains('activated')) {
btn.click();
}
}
// Try immediately
tryTheater();
// Try after navigation (SPA)
var lastUrl = location.href;
setInterval(function() {
if (location.href !== lastUrl) {
lastUrl = location.href;
setTimeout(tryTheater, 500);
}
}, 1000);
// Also try on player load
var observer = new MutationObserver(tryTheater);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
VectorSource.md
Latest commit
History
History
48 lines (33 loc) · 3.25 KB
VectorSource.md
File metadata and controls
48 lines (33 loc) · 3.25 KB
Raw
<MapboxGL.VectorSource />
VectorSource is a map content source that supplies tiled vector data in Mapbox Vector Tile format to be shown on the map.
The location of and metadata about the tiles are defined either by an option dictionary or by an external file that conforms to the TileJSON specification.
props
PropTypeDefaultRequiredDescription
idstringMapboxGL.StyleSource.DefaultSourceIDfalseA string that uniquely identifies the source.
urlstringnonefalseA URL to a TileJSON configuration file describing the source’s contents and other metadata.
tileUrlTemplatesarraynonefalseAn array of tile URL templates. If multiple endpoints are specified, clients may use any combination of endpoints.
Example: https://example.com/vector-tiles/{z}/{x}/{y}.pbf
minZoomLevelnumbernonefalseAn unsigned integer that specifies the minimum zoom level at which to display tiles from the source.
The value should be between 0 and 22, inclusive, and less than
maxZoomLevel, if specified. The default value for this option is 0.
maxZoomLevelnumbernonefalseAn unsigned integer that specifies the maximum zoom level at which to display tiles from the source.
The value should be between 0 and 22, inclusive, and less than
minZoomLevel, if specified. The default value for this option is 22.
tmsboolnonefalseInfluences the y direction of the tile coordinates. (tms inverts y axis)
attributionstringnonefalseAn HTML or literal text string defining the buttons to be displayed in an action sheet when the
source is part of a map view’s style and the map view’s attribution button is pressed.
onPressfuncnonefalseSource press listener, gets called when a user presses one of the children layers only
if that layer has a higher z-index than another source layers
hitboxshapenonefalseOverrides the default touch hitbox(44x44 pixels) for the source layers
 widthnumbernonetruewidth of hitbox
 heightnumbernonetrueheight of hitbox
methods
features([layerIDs][, filter])
Returns all features that match the query parameters regardless of whether or not the feature is
currently rendered on the map. The domain of the query includes all currently-loaded vector tiles
and GeoJSON source tiles. This function does not check tiles outside of the visible viewport.
arguments
NameTypeRequiredDescription
layerIDsArrayNoA set of strings that correspond to the names of layers defined in the current style. Only the features contained in these layers are included in the returned array.
filterArrayNoan optional filter statement to filter the returned Features.
vectorSource.features(['id1','id2'])
onPress(event)
arguments
NameTypeRequiredDescription
eventn/aYesundefined

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Remove or un-stick sticky/fixed headers that block content
(function() {
function unstick() {
document.querySelectorAll('header, nav, [role="banner"], .header, .navbar, .sticky, .fixed-top, [style*="position: fixed"], [style*="position:sticky"]').forEach(function(el) {
if (el.style.position === 'fixed' || el.style.position === 'sticky' || getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {
el.style.position = 'static';
el.style.top = 'auto';
el.style.zIndex = 'auto';
}
});
}
unstick();
var observer = new MutationObserver(unstick);
observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });
})();
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
VectorSource.md
Latest commit
History
History
48 lines (33 loc) · 3.25 KB
VectorSource.md
File metadata and controls
48 lines (33 loc) · 3.25 KB
Raw
<MapboxGL.VectorSource />
VectorSource is a map content source that supplies tiled vector data in Mapbox Vector Tile format to be shown on the map.
The location of and metadata about the tiles are defined either by an option dictionary or by an external file that conforms to the TileJSON specification.
props
PropTypeDefaultRequiredDescription
idstringMapboxGL.StyleSource.DefaultSourceIDfalseA string that uniquely identifies the source.
urlstringnonefalseA URL to a TileJSON configuration file describing the source’s contents and other metadata.
tileUrlTemplatesarraynonefalseAn array of tile URL templates. If multiple endpoints are specified, clients may use any combination of endpoints.
Example: https://example.com/vector-tiles/{z}/{x}/{y}.pbf
minZoomLevelnumbernonefalseAn unsigned integer that specifies the minimum zoom level at which to display tiles from the source.
The value should be between 0 and 22, inclusive, and less than
maxZoomLevel, if specified. The default value for this option is 0.
maxZoomLevelnumbernonefalseAn unsigned integer that specifies the maximum zoom level at which to display tiles from the source.
The value should be between 0 and 22, inclusive, and less than
minZoomLevel, if specified. The default value for this option is 22.
tmsboolnonefalseInfluences the y direction of the tile coordinates. (tms inverts y axis)
attributionstringnonefalseAn HTML or literal text string defining the buttons to be displayed in an action sheet when the
source is part of a map view’s style and the map view’s attribution button is pressed.
onPressfuncnonefalseSource press listener, gets called when a user presses one of the children layers only
if that layer has a higher z-index than another source layers
hitboxshapenonefalseOverrides the default touch hitbox(44x44 pixels) for the source layers
 widthnumbernonetruewidth of hitbox
 heightnumbernonetrueheight of hitbox
methods
features([layerIDs][, filter])
Returns all features that match the query parameters regardless of whether or not the feature is
currently rendered on the map. The domain of the query includes all currently-loaded vector tiles
and GeoJSON source tiles. This function does not check tiles outside of the visible viewport.
arguments
NameTypeRequiredDescription
layerIDsArrayNoA set of strings that correspond to the names of layers defined in the current style. Only the features contained in these layers are included in the returned array.
filterArrayNoan optional filter statement to filter the returned Features.
vectorSource.features(['id1','id2'])
onPress(event)
arguments
NameTypeRequiredDescription
eventn/aYesundefined

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Universal Dark Mode - works on any site
(function() {
var enabled = true;
function applyDarkMode() {
if (!enabled) return;
// Create style element if it doesn't exist
var style = document.getElementById('universal-dark-mode-style');
if (!style) {
style = document.createElement('style');
style.id = 'universal-dark-mode-style';
document.head.appendChild(style);
}
// Dark mode CSS - inverts colors but preserves images/video
style.textContent = '
/* Invert everything except media */
html {
filter: invert(1) hue-rotate(180deg) !important;
background: #1a1a2e !important;
}
/* Restore images, videos, iframes, canvas */
img, video, iframe, canvas, svg, picture, [style*="background-image"] {
filter: invert(1) hue-rotate(180deg) !important;
}
/* Preserve specific elements that should not be inverted */
.no-dark-mode, .no-dark-mode *,
[data-theme="light"], [data-theme="light"],
.ace_editor, .ace_editor *,
.CodeMirror, .CodeMirror *,
.monaco-editor, .monaco-editor *,
.markdown-body pre, .markdown-body pre *,
.highlight, .highlight *,
pre code, pre code * {
filter: none !important;
}
/* Fix common UI elements */
.modal, .popup, .dropdown-menu, .tooltip, .popover {
filter: invert(1) hue-rotate(180deg) !important;
background: #2d2d44 !important;
border-color: #444 !important;
}
/* Scrollbars */
::-webkit-scrollbar { background: #1a1a2e !important; }
::-webkit-scrollbar-thumb { background: #444 !important; }
::-webkit-scrollbar-thumb:hover { background: #555 !important; }
/* Selection */
::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }
::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }
';
}
function removeDarkMode() {
var style = document.getElementById('universal-dark-mode-style');
if (style) style.remove();
}
// Toggle with Alt+Shift+D
document.addEventListener('keydown', function(e) {
if (e.altKey && e.shiftKey && e.key === 'D') {
e.preventDefault();
enabled = !enabled;
if (enabled) {
applyDarkMode();
console.log('[Universal Dark Mode] Enabled');
} else {
removeDarkMode();
console.log('[Universal Dark Mode] Disabled');
}
}
});
// Apply on load
applyDarkMode();
// Re-apply on dynamic content
var observer = new MutationObserver(function(mutations) {
if (enabled && !document.getElementById('universal-dark-mode-style')) {
applyDarkMode();
}
});
observer.observe(document.head, { childList: true });
console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');
})();
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();

Skip to content
VectorSource.md
Latest commit
History
History
48 lines (33 loc) · 3.25 KB
VectorSource.md
File metadata and controls
48 lines (33 loc) · 3.25 KB
Raw
<MapboxGL.VectorSource />
VectorSource is a map content source that supplies tiled vector data in Mapbox Vector Tile format to be shown on the map.
The location of and metadata about the tiles are defined either by an option dictionary or by an external file that conforms to the TileJSON specification.
props
PropTypeDefaultRequiredDescription
idstringMapboxGL.StyleSource.DefaultSourceIDfalseA string that uniquely identifies the source.
urlstringnonefalseA URL to a TileJSON configuration file describing the source’s contents and other metadata.
tileUrlTemplatesarraynonefalseAn array of tile URL templates. If multiple endpoints are specified, clients may use any combination of endpoints.
Example: https://example.com/vector-tiles/{z}/{x}/{y}.pbf
minZoomLevelnumbernonefalseAn unsigned integer that specifies the minimum zoom level at which to display tiles from the source.
The value should be between 0 and 22, inclusive, and less than
maxZoomLevel, if specified. The default value for this option is 0.
maxZoomLevelnumbernonefalseAn unsigned integer that specifies the maximum zoom level at which to display tiles from the source.
The value should be between 0 and 22, inclusive, and less than
minZoomLevel, if specified. The default value for this option is 22.
tmsboolnonefalseInfluences the y direction of the tile coordinates. (tms inverts y axis)
attributionstringnonefalseAn HTML or literal text string defining the buttons to be displayed in an action sheet when the
source is part of a map view’s style and the map view’s attribution button is pressed.
onPressfuncnonefalseSource press listener, gets called when a user presses one of the children layers only
if that layer has a higher z-index than another source layers
hitboxshapenonefalseOverrides the default touch hitbox(44x44 pixels) for the source layers
 widthnumbernonetruewidth of hitbox
 heightnumbernonetrueheight of hitbox
methods
features([layerIDs][, filter])
Returns all features that match the query parameters regardless of whether or not the feature is
currently rendered on the map. The domain of the query includes all currently-loaded vector tiles
and GeoJSON source tiles. This function does not check tiles outside of the visible viewport.
arguments
NameTypeRequiredDescription
layerIDsArrayNoA set of strings that correspond to the names of layers defined in the current style. Only the features contained in these layers are included in the returned array.
filterArrayNoan optional filter statement to filter the returned Features.
vectorSource.features(['id1','id2'])
onPress(event)
arguments
NameTypeRequiredDescription
eventn/aYesundefined