Cooperative Gestures

Enable cooperative gestures, which configures the map's zoom functionality to not override the usual scroll methods. The strings displayed can be changed using the `locale` option, as shown below.

Scroll the map to see it in action. MapLibre docs.

svelte

<MapLibre
  style="https://basemaps.cartocdn.com/gl/positron-gl-style/style.json"
  class="relative aspect-[9/16] max-h-[70vh] w-full sm:aspect-video sm:max-h-full"
  cooperativeGestures
  locale={{
    'CooperativeGesturesHandler.WindowsHelpText':
      'Utilice Ctrl + desplazamiento para hacer zoom en el mapa.',
    'CooperativeGesturesHandler.MacHelpText': 'Usa ⌘ + desplazamiento para hacer zoom en el mapa.',
    'CooperativeGesturesHandler.MobileHelpText': 'Usa dos dedos para mover el mapa.',
  }}
/>

Back to Examples

Github