@mapgis/webclient-vue-mapboxgl

中地数码webclient-vue-mapboxgl
4,019 24
vue mapbox
Install
npm install @mapgis/webclient-vue-mapboxgl
Latest Version:17.8.19
Vue:2
License:Apache2
Last Updated:May 8, 2026
Links: GitHub  ·  npm
Maintainer: lidafengnpm

Webclient-Vue-MapboxGL

简介

webclient-vue-mapboxgl是基于MapboxGL实现的vue组件开发库，提供构建Web二维GIS应用的常用vue组件。

模块说明

模块说明

特点

  • 组件式风格

通过 Vue 的组件方式调用 layers, markers, popups， 并且使用同步synchronized props来控制状态

  • Vue 控制

面向对象编程：地图元素拥有 Vue 的生命周期，将原生地图事件封装成 Vue 的事件

  • 同步的 Promise Actions

原先异步的地图操作变成同步操作，并且采取Promise的方式进行开发避免大量的地图事件回调导致代码逻辑混乱，能够清晰的知道是什么行为导致地图的变化。

编译

由于vue-cli针对core-js2和core-js3的支持不同，导致了目前只能处理对应core-js2的版本，需要安装环境的时候先屏蔽dependencies所有依赖后，先安装devDependencies将环境设置为core-js2,再放开dependencies依赖

安装

npm install --save @mapgis/webclient-vue-mapboxgl
# 或者
yarn add @mapgis/webclient-vue-mapboxgl

在 main.js 中全局引入组件和样式文件

import "@mapgis/webclient-vue-ui/dist-libs/webclient-vue-ui.css";
import "@mapgis/webclient-vue-mapboxgl/dist-libs/webclient-vue-mapboxgl.css";

import MapgisUi from "@mapgis/webclient-vue-ui";
import Mapgis2d from "@mapgis/webclient-vue-mapboxgl";

Vue.use(MapgisUi);
Vue.use(Mapgis2d);

相关链接

项目依赖

Related Packages

@curupira/vue-mapbox

A wrapper for Mapbox using Vue, with advanced features and abstractions

1,886 1
mapbox vue
vue2mapbox-gl

Vue >2 integration of mapbox.

2,231 19
mapbox vue mapbox-gl vue2
@mapbox-vue3/effect-layers

Mapbox Vue3 Component Library Effect Layers

854
mapbox deck gl mapbox gl draw vue 3
mapbox-gl-vue

A Vue.js component for Mapbox GL js

63,434 265
mapbox gl js maps vue.js
vue-deck.gl

Vue wrapper for DeckGL _Note: This wrapper let's you render visualization using...

4,888
mapbox deck.gl deckgl visualization vuejs

Version History

Version Released Vue License
17.8.19 2.6.11 Apache2
17.8.9 2.6.11 Apache2
17.8.0 2.6.11 Apache2
17.6.28 2.6.11 Apache2
17.6.2 2.6.11 Apache2
Pre-releases (7)
Version Released Vue License
10.5.5-5 ^2.6.6 Apache2
10.5.5-4 ^2.6.6 Apache2
10.5.5-3 ^2.6.6 Apache2
10.5.5-2 ^2.6.6 Apache2
10.5.5-1 ^2.6.6 Apache2