hide empty map control container with CSS (#314)

performant-software · Jan 9, 2025 · eb7655b · eb7655b
1 parent fee28e6
commit eb7655b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/packages/geospatial/src/components/GeocodingControl.css b/packages/geospatial/src/components/GeocodingControl.css
@@ -0,0 +1,3 @@
+.maplibregl-ctrl-top-left .maplibregl-ctrl:empty {
+  margin: 0;
+}
diff --git a/packages/geospatial/src/components/GeocodingControl.js b/packages/geospatial/src/components/GeocodingControl.js
@@ -4,6 +4,7 @@ import { GeocodingControl as MapTilerGeocoding } from '@maptiler/geocoding-contr
 import maplibregl from 'maplibre-gl';
 import { forwardRef, useImperativeHandle } from 'react';
 import { useControl, type ControlPosition } from 'react-map-gl';
+import './GeocodingControl.css';
 
 type Props = {
   apiKey: string,