Ambita Map Modern

Modern Norwegian mapping library with MapLibre GL, Terra Draw, and DeckGL.

Works everywhere: React, Vue, Angular, Svelte, vanilla JS, CDN.

Installation

npm install ambita-map-modern

Usage

CDN (No build needed)

<link rel="stylesheet" href="https://unpkg.com/ambita-map-modern/dist/ambita-map-modern.css">
<script src="https://unpkg.com/ambita-map-modern/dist/ambita-map-wc.umd.js"></script>

<ambita-map
  center="[10.7522, 59.9139]"
  zoom="10"
  show-drawing-controls="true"
  show-navigation-buttons="true"
  style="width: 100%; height: 600px;">
</ambita-map>

React

import 'ambita-map-modern/web-component'
import 'ambita-map-modern/style.css'

<ambita-map
  center="[10.7522, 59.9139]"
  zoom="10"
  show-drawing-controls="true"
  show-navigation-buttons="true"
  style={{ width: '100%', height: '600px' }}
/>

Vue 3

<script setup>
import { AmbitaMap } from 'ambita-map-modern'
import 'ambita-map-modern/style.css'
</script>

<template>
  <AmbitaMap
    :center="[10.7522, 59.9139]"
    :zoom="10"
    show-drawing-controls
    show-navigation-buttons
  />
</template>

Props

• center - Map center [lng, lat] or "[10.75, 59.91]"
• zoom - Zoom level (number or string)
• show-drawing-controls - Enable rectangle drawing
• show-navigation-buttons - Enable city navigation + home icons

Features

• Built-in drawing controls (Terra Draw)
• Built-in navigation buttons
• Built-in DeckGL icon layer
• Zero external dependencies (fully bundled)
• Framework-agnostic Web Components
• Vue 3 native components

License

MIT