> Vue wrapper for [DeckGL](https://deck.gl) _Note: This wrapper let's you render visualization using the base map technique, head over to the deck.gl official documentation to learn more about this._
> Vue wrapper for DeckGL
_Note: This wrapper let's you render visualization using the base map technique, head over to the deck.gl official documentation to learn more about this._
Install the package from NPM. This package requires @deck.gl/core to be installed in your current project.
``bash
npm i @deck.gl/core
`
`bash`
npm i vue-deck.gl
Import the component into your app/components
`js`
import VueDeckgl from "vue-deck.gl";
`js`
:viewState="viewState"
@click="handleClick"
@view-state-change="handleViewStateChange"
>
`js
:viewState="viewState"
@click="handleClick"
@view-state-change="updateViewState"
>
`
javascript
:layers="layers"
:viewState="viewState"
:disableContextMenu="true"
:cursor="cursor"
:controller="{
doubleClickZoom: false,
type: MapController,
scrollZoom: true,
}"
@click="(info, event) => $emit('onClick', info, event)"
@drag="(info, event) => $emit('onDrag', info, event)"
@onDragStart="(info, event) => $emit('onDragStart', info, event)"
@onDragEnd="(info, event) => $emit('onDragEnd', info, event)"
@view-state-change="(viewState) => updateViewState(viewState)"
>
``