Installation

Get started with the NOBEARS Nuxt Mapbox Module.

Quick Start

Install the Nuxt Mapbox module to your project

You can install the module with your favorite package manager:

pnpm add @nobears-front-end/nuxt-mapbox

yarn add @nobears-front-end/nuxt-mapbox

npm install @nobears-front-end/nuxt-mapbox

bun add @nobears-front-end/nuxt-mapbox

Add the Nuxt Mapbox module

nuxt.config.ts

export default defineNuxtConfig({
  modules: ['@nobears-front-end/nuxt-mapbox'],
  mapbox: {
    accessToken: process.env.NUXT_MAPBOX_ACCESS_TOKEN,
    // ... other options
  },
})

Don't forget to add the NUXT_MAPBOX_ACCESS_TOKEN environment variable to your project.

NUXT_MAPBOX_ACCESS_TOKEN=

NUXT_MAPBOX_ACCESS_TOKEN=your_mapbox_access_token

Introduction

NOBEARS Nuxt Mapbox - A Nuxt 3 wrapper for Mapbox GL JS with clustering support.

Configuration

The NOBEARS Nuxt Mapbox Module works out of the box with zero config*, but you can always add some configurations for finer-grained control.