        <div class="map-container">
          <div id="eigisMap"></div>
          <div class="map-controls">
            <button class="map-filter-btn active" onclick="filterMap('all')" id="filterAll">
              <i class="ti ti-points"></i> All Points
            </button>
            <button class="map-filter-btn" onclick="filterMap('surface')" id="filterSurface">
              <span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:#0F6E56"></span> Surface Geological
            </button>
            <button class="map-filter-btn" onclick="filterMap('structural')" id="filterStructural">
              <span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:#BA7517"></span> Structural
            </button>
            <button class="map-filter-btn" onclick="filterMap('geothermal')" id="filterGeothermal">
              <span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:#DC2626"></span> Geothermal
            </button>
          </div>
          <div class="map-legend">
