Hide broken map controls

I'm not sure why, but these don't work on the shadow DOM
This commit is contained in:
Eli Ribble 2026-02-05 01:07:46 +00:00
parent 96e14b2b5e
commit 3cdad6fd77
No known key found for this signature in database

View file

@ -70,7 +70,7 @@ class MapMultipoint extends HTMLElement {
style: 'mapbox://styles/mapbox/streets-v12', // style URL
zoom: zoom,
});
this._map.addControl(new mapboxgl.GeolocateControl({
/*this._map.addControl(new mapboxgl.GeolocateControl({
positionOptions: {
enableHighAccuracy: true
},
@ -78,6 +78,7 @@ class MapMultipoint extends HTMLElement {
showUserHeading: true
}));
this._map.addControl(new mapboxgl.NavigationControl());
*/
this._map.on("load", () => {
this.dispatchEvent(new CustomEvent('load'), {
bubbles: true,
@ -149,6 +150,9 @@ class MapMultipoint extends HTMLElement {
render() {
this.shadowRoot.innerHTML = `
<style>
.mapboxgl-ctrl-bottom-right {
display: none;
}
.map-container {
background-color: #e9ecef;
border-radius: 10px;