diff options
Diffstat (limited to 'modern/src/map/Map.js')
-rw-r--r-- | modern/src/map/Map.js | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/modern/src/map/Map.js b/modern/src/map/Map.js index a973cf7d..46c59d2d 100644 --- a/modern/src/map/Map.js +++ b/modern/src/map/Map.js @@ -1,6 +1,6 @@ -import 'mapbox-gl/dist/mapbox-gl.css'; +import 'maplibre-gl/dist/maplibre-gl.css'; import './switcher/switcher.css'; -import mapboxgl from 'mapbox-gl'; +import maplibregl from 'maplibre-gl'; import { SwitcherControl } from './switcher/switcher'; import React, { useRef, useLayoutEffect, useEffect, useState } from 'react'; import { deviceCategories } from '../common/deviceCategories'; @@ -14,7 +14,7 @@ const element = document.createElement('div'); element.style.width = '100%'; element.style.height = '100%'; -export const map = new mapboxgl.Map({ +export const map = new maplibregl.Map({ container: element, style: styleOsm(), }); @@ -55,7 +55,7 @@ const initMap = async () => { map.on('load', initMap); -map.addControl(new mapboxgl.NavigationControl({ +map.addControl(new maplibregl.NavigationControl({ showCompass: false, })); @@ -89,7 +89,7 @@ const Map = ({ children }) => { const mapboxAccessToken = useAttributePreference('mapboxAccessToken'); useEffect(() => { - mapboxgl.accessToken = mapboxAccessToken; + maplibregl.accessToken = mapboxAccessToken; }, [mapboxAccessToken]); useEffect(() => { |