Baidu Map components for Vue 2.x

Last update: Jul 1, 2022

VUE BAIDU MAP

Baidu Map components for Vue 2.x

npm Travis Package Quality npm license

Languages

Documentation

https://dafrok.github.io/vue-baidu-map

Get Start

Installation

npm i --save vue-baidu-map

Initialization

import Vue from 'vue'
import BaiduMap from 'vue-baidu-map'

Vue.use(BaiduMap, {
  /* Visit http://lbsyun.baidu.com/apiconsole/key for details about app key. */
  ak: 'YOUR_APP_KEY'
})

Usage

<template>
  <baidu-map class="map">
  </baidu-map>
</template>

<style>
/* The container of BaiduMap must be set width & height. */
.map {
  width: 100%;
  height: 300px;
}
</style>

Contributing

Contributing Guide

License

MIT License

Copyright (c) 2016-present, Dafrok [email protected]

GitHub

https://github.com/Dafrok/vue-baidu-map
Comments
  • 1. 拖动覆盖物dragend 回调不到数据

      <el-form-item label="地图">
                <baidu-map class="map" :center="{lng: lng, lat:lat}" :zoom="16" @ready="loadMap">
                    <bm-view style="position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px"></bm-view>
                    <bm-marker :point="{lng:lng, lat:lat}" :dragging="true" animation="BMAP_ANIMATION_BOUNCE" :label="{content: data.name, opts: {offset: {width: 20, height: -10}}}" @dragend="dragend"></bm-marker>
                    <bm-geolocation anchor="BMAP_ANCHOR_BOTTOM_RIGHT" :showAddressBar="true" :autoLocation="true" />
                    <bm-navigation anchor="BMAP_ANCHOR_TOP_LEFT" />
                </baidu-map>
            </el-form-item>
    
     methods: {
                searchMap: function() {
    
                },
                loadMap: function() {
                    var map = this.data.location.split(',');
                    this.lat = map[0];
                    this.lng = map[1];
                },
                 dragend: function(type, target, pixel, point) {
                  console.log(type+"----"+target+"----"+pixel+"----"+point);
                }
    
            },
    

    image

    Reviewed by qinyang1018 at 2017-03-14 03:17
  • 2. 在iPhone6 ios8.4以下的手机无法使用整个百度控件,无法渲染地图

    [BUG 反馈] 在iPhone6 ios8.4以下的手机无法使用整个百度控件,无法渲染地图

    浏览器版本号

    ios自带浏览器,微信浏览器

    Vue 版本号

    2.3.3

    组件库版本号

    0.18.7

    现象描述

    在iPhone6 ios8.4以下的手机浏览器网页,ready等方法都不执行了,无法渲染地图。其他设备测试一切正常啊!!!
    

    完整异常信息

    不兼容,无法渲染地图等等
    

    在线示例 / 仓库 URL

    复现用例

    预期输出

    兼容大部分ios系统,安卓系统
    

    实际输出

    不兼容
    
    Reviewed by front-end-john at 2017-12-12 08:02
  • 3. 引入路书组件问题

    你好,我现在项目中要实现根据动态的GPS画线然后根据这条线实现路书回放的功能,现在我在map.vue中按照你的方式这样引入的路书文件 initLuShu (BMapLib) { this.BMapLib = BMapLib }, getLuShuScript () { if (!global.BMapLib) { global.BMapLib = {} global.BMapLib._preloader = new Promise((resolve, reject) => { global._initBaiduLib = function () { resolve(global.BMapLib) global.document.body.removeChild($scriptLushu) global.BMapLib._preloader = null global._initBaiduLib = null } const $scriptLushu = document.createElement('script') global.document.body.appendChild($scriptLushu) $scriptLushu.src = '//api.map.baidu.com/library/LuShu/1.2/src/LuShu_min.js' $scriptLushu.onreadystatechange = function () { if (this.readyState === 'complete') { global._initBaiduLib() } } $scriptLushu.onload = function () { global._initBaiduLib() } }) return global.BMapLib._preloader } else if (!global.BMapLib._preloader) { return Promise.resolve(global.BMapLib) } else { return global.BMapLib._preloader } } }, created () { const {getMapScript, initMap, getLuShuScript, initLuShu} = this getMapScript() .then(function (BMap) { initMap(BMap) getLuShuScript() .then(initLuShu) }) },

    然后在polyline.vue中通过props 暴露出去的路书属性如下: luShuStart: { type: Boolean, default: false }, addLuShu: { type: Boolean, default: false }, luShuProps: { type: Object, default: function () { return { defaultContent: '动车继续前行', speed: 20000, autoView: false, enableRotation: false } } }, luShuIcon: { type: Object, default: function () { return {} } }

    紧接着 我就直接watch 下面两个属性 luShuStart (val) { // debugger val && this.lushu.start() }, luShuIcon (val) { const {BMap} = this // debugger this.originInstance.setIcon(createSymbol(BMap, val)) }

    最后我在load 方法中 添加这个addLuShu,luShuProps属性 并且让它挂载到this.lushu下面 load () { const {BMap, BMapLib, map, path, strokeColor, strokeWeight, strokeOpacity, strokeStyle, editing, massClear, clicking, addLuShu, luShuProps} = this var points = path.map(item => createPoint(BMap, {lng: item.lng, lat: item.lat})) const overlay = new BMap.Polyline(points, { strokeColor, strokeWeight, strokeOpacity, strokeStyle, enableEditing: editing, enableMassClear: massClear, enableClicking: clicking }) this.originInstance = overlay addLuShu && (this.lushu = BMapLib.LuShu(map, points, luShuProps)) map.addOverlay(overlay) bindEvents.call(this, overlay) }

    我在前台这边绑定属性后改变lushustart这个状态的时候提示我 start这个方法未定义,现在不知道是哪出问题...

    Reviewed by xiaowanhashi at 2017-07-12 02:02
  • 4. baidu-map ready 事件执行2次问题

    你好!麻烦你帮我看看为什么baidu-map ready 会执行2吃的问题

    <baidu-map class="map" :zoom="zoom"
                     :ak="$ak" @ready="mapReady" :theme="['light']">
            <bm-geolocation anchor="BMAP_ANCHOR_BOTTOM_RIGHT" :showAddressBar="true" :autoLocation="true"></bm-geolocation>
    </baidu-map>
    
    methods: {
          mapReady ({BMap, map}) {
            this.BMap = BMap
            this.map = map
            var geolocation = new BMap.Geolocation()
            geolocation.getCurrentPosition(r => {
              map.centerAndZoom(r.point, this.zoom)
              this.point = r.point
              this.nearby.center = r.point
              this.selectPoint = r.point
              filling.getAllStation(data => {
                var icon = new BMap.Icon('/static/package.png', new BMap.Size(27, 31))
                var minPoint = this.point
                var minDist = 0
                icon.imageSize = new BMap.Size(27, 31)
                for (var i = 0; i < data.length; i++) {
                  var markerPoint = new BMap.Point(data[i].longitude, data[i].latitude)
                  minDist = map.getDistance(markerPoint, minPoint)
                  var marker = new BMap.Marker(markerPoint, {icon: icon})
                  marker.data = data[i]
                  marker.addEventListener('click', (e) => {
                    this.showStationInfo = true
                    this.station = e.target.data
                  })
                  map.addOverlay(marker)
                }
              })
            })
          }
    }
    Reviewed by fangsj at 2017-11-01 10:40
  • 5. 路书暂停和行进问题

    您好!参照您的路书示例成功引入路书组件。我现在需要使用两个按钮控制行进和暂停。但是暂停按钮只有第一次有效,并且再次点击开始后图标都是从最开始的位置重新运动而不是从暂停的位置开始。看了许久也没找着原因。以下是我的代码: <bm-driving :start="startPoint" :end="endPoint"
    @searchcomplete="handleSearchComplete" :panel="false" :autoViewport="true"> <bml-lushu @stop="reset" :play="play" :speed="5000" :infoWindow="false" :autoView="true" :path="path">

    <-button @click="play = true" type="primary" class="btn">开始 <-button @click="play = false" type="primary" class="btn">暂停
    另: 使用 import LuShu from "bmaplib.lushu"; 调用LuShu .start() & LuShu .pause()效果也是一样的(暂停之后都是从头开始运动而不是从暂停的位置)
    Reviewed by wuntig at 2017-10-28 06:49
  • 6. 使用dialog加载弹窗,中心点问题

    [功能请求] 使用dialog加载弹窗,中心点问题

    在线示例 URL

    功能描述

    我在列表页面,使用dialog的方式弹出添加页、修改页,这两个页面使用了同一个vue文件
    按照我们的业务逻辑,打开添加页时,将一个默认的城市中心点设置为地图中心点
    打开修改页,将这条信息里绑定的经纬度,设置为地图中心点
    这里共用了一个center变量,存储当前地图的中心点
    
    现在的问题是,如果我先打开修改页。关闭后,再打开添加页后,地图居中到了一个奇怪的地方
    如果先打开添加页,添加页显示正常,再打开修改页,修改页正常。再打开添加页,添加页不正常。。。
    
    只要打开过修改页,添加页就不能居中到我指定的点
    不同信息的修改页,都是可以正常居中的
    

    用法示例

    Reviewed by fengzhentian at 2018-03-23 02:03
  • 7. bm-driving动态修改问题

    一个页面 我定义一个空的坐标点 start ,end分别为空对象 bm-driving这个组件上面绑定的start,end动态添加上去不显示 现在我点击某一个按钮去动态的改变这两个对象 this.start = {lat:30.71505143847,lng:114.44050991562} this.end = {lat:30.618374556626,lng:114.24471011275}

    导航是不显示的 数据确实是有

    Reviewed by xiaowanhashi at 2017-08-10 09:11
  • 8. 怎么自定义添加第三方开源库,想要一个自定义信息窗口的开源库

    [BUG 反馈] 怎么自定义添加第三方开源库,想要一个自定义信息窗口的开源库

    浏览器版本号

    谷歌66.0.3359.181(正式版本) (64 位)

    Vue 版本号

    2.9.6

    组件库版本号

    0.21.11

    现象描述

    完整异常信息

    在线示例 / 仓库 URL

    复现用例

    预期输出

    实际输出

    Reviewed by SaltedFishYuto at 2018-10-12 01:07
  • 9. 切换policy没有效果?

    路径规划,手动切换policy没有看到效果。。

    <bm-driving v-if="showDriving" policy="policy" :panel="false" start="北京" end="上海" :auto-viewport="true"> </bm-driving>

    其中policy是一个data,我切换policy为相应的值,是String类型,如下所示

    this.policy = this.typeResult[1];

    为啥没看到地图上有变化?没有看到策略对应的效果? 我这样操作有什么问题吗?

    Reviewed by brahmachen at 2017-07-05 09:42
  • 10. 设置自定义样式后修改点、线数据闪屏

    [BUG 反馈] 设置自定义样式后修改点、线数据闪屏

    浏览器版本号

    chrome 64.0.3282.119(正式版本)

    Vue 版本号

    2.1.10

    组件库版本号

    0.20.4

    现象描述

    设置mapstyle后更改地图内点、线等信息,地图反复重新加载导致闪屏
    

    完整异常信息

    -
    

    在线示例 / 仓库 URL

    复现用例

    -
    

    预期输出

    -
    

    实际输出

    -
    
    Reviewed by Lpbzzz at 2018-01-30 06:50
  • 11. DOMException: Failed to execute 'insertBefore' on 'Node'

    [BUG 反馈] DOMException: Failed to execute 'insertBefore' on 'Node'

    浏览器版本号

    任意浏览器

    Vue 版本号

    2.0以上版本

    组件库版本号

    最新版本

    现象描述

    见示例
    

    完整异常信息

    DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.
        at Object.insertBefore (https://cdn.jsdelivr.net/npm/vue/dist/vue.js:5325:14)
        at updateChildren (https://cdn.jsdelivr.net/npm/vue/dist/vue.js:5838:32)
        at patchVnode (https://cdn.jsdelivr.net/npm/vue/dist/vue.js:5923:29)
        at VueComponent.patch [as __patch__] (https://cdn.jsdelivr.net/npm/vue/dist/vue.js:6083:9)
        at VueComponent.Vue._update (https://cdn.jsdelivr.net/npm/vue/dist/vue.js:2670:19)
        at VueComponent.updateComponent (https://cdn.jsdelivr.net/npm/vue/dist/vue.js:2788:10)
        at Watcher.get (https://cdn.jsdelivr.net/npm/vue/dist/vue.js:3140:25)
        at Watcher.run (https://cdn.jsdelivr.net/npm/vue/dist/vue.js:3217:22)
        at flushSchedulerQueue (https://cdn.jsdelivr.net/npm/vue/dist/vue.js:2981:13)
        at Array.<anonymous> (https://cdn.jsdelivr.net/npm/vue/dist/vue.js:1839:12)
    

    在线示例 / 仓库 URL

    http://jsfiddle.net/tb4sap2c/6/

    复现用例

    见上
    

    预期输出

    .
    

    实际输出

    .
    
    Reviewed by spike-bepop at 2018-07-11 09:16
  • 12. bm-auto-complete 无法显示检索结果

    [BUG 反馈] bm-auto-complete 无法显示检索结果

    浏览器版本号

    99.0.4844.51(正式版本) (64 位)

    Vue 版本号

    "vue": "^2.5.17",

    组件库版本号

    "vant": "~2.1.2",

    现象描述

    bm-auto-complete 检索功能在h5页面无法显示检索结果
    

    完整异常信息

    <bm-control>
                    <bm-auto-complete v-model="searchPlace" class="bm-auto-sty" :sugStyle="{zIndex: 999999}" @confirm="handleConfirm">
                        <van-search id="custom-component-input" style="z-index: 999999" class="custom-component-input" v-model="searchPlace" placeholder="请输入要搜索的地址"/>
                    </bm-auto-complete>
                </bm-control>
    

    在线示例 / 仓库 URL

    复现用例

    <bm-control>
                    <bm-auto-complete v-model="searchPlace" class="bm-auto-sty" :sugStyle="{zIndex: 999999}" @confirm="handleConfirm">
                        <van-search id="custom-component-input" style="z-index: 999999" class="custom-component-input" v-model="searchPlace" placeholder="请输入要搜索的地址"/>
                    </bm-auto-complete>
                </bm-control>
    
    
    
    handleConfirm({item}) {
                console.log(item, 'position')
                let queryString = `${item.value.city}${item.value.district}${item.value.business}`
                let myGeo = new BMap.Geocoder()
                myGeo.getPoint(queryString, (point) => {
                    if (point) {
                        console.log(point, "point")
                        this.mapCenter = point;
                    }
                });
    	    },
    

    预期输出

    预期会出现检索结果 在pc端就可以正常显示
    

    实际输出

    在h5页面无法正常显示检索结果 同样的代码
    
    Reviewed by embracecode at 2022-05-25 08:31
  • 13. 自定义样式地图缩放到13级地铁站白点无法去掉

    [BUG 反馈] 自定义样式地图缩放到13级地铁站白点无法去掉

    浏览器版本号

    所有

    Vue 版本号

    5.0.1

    组件库版本号

    0.21.22

    现象描述

    通过mapStyle属性设置自定义样式,使用百度地图主题编辑器‘
    绿野仙踪’模板拷贝JSON文件,地图缩放到13级别地铁站出现label标签以及白点,不能被隐藏
    

    完整异常信息

    在线示例 / 仓库 URL

    复现用例

    预期输出

    隐藏地铁站白点以及地铁站图标
    

    实际输出

    没有隐藏地铁站白点以及地铁站图标
    
    image image
    Reviewed by xiaqiancheng at 2022-03-22 05:09
  • 14. 聚合点 点击事件 获取聚合的数据

    [BUG 反馈] 聚合点 点击事件 获取聚合的数据

    浏览器版本号

    所有

    Vue 版本号

    2.6.10

    组件库版本号

    0.21.22

    现象描述

    无法获取 聚合点数据
    

    完整异常信息

    没有事件获取数据
    

    在线示例 / 仓库 URL

    https://dafrok.github.io/vue-baidu-map/#/zh/bmaplib/marker-clusterer

    复现用例

    预期输出

    有事件获取 聚合点内的数据
    

    实际输出

    没有
    
    Reviewed by DxQ-dingxuan at 2022-03-10 08:18
  • 15. Bump karma from 1.7.1 to 6.3.16

    Bumps karma from 1.7.1 to 6.3.16.

    Release notes

    Sourced from karma's releases.

    v6.3.16

    6.3.16 (2022-02-10)

    Bug Fixes

    • security: mitigate the "Open Redirect Vulnerability" (ff7edbb)

    v6.3.15

    6.3.15 (2022-02-05)

    Bug Fixes

    v6.3.14

    6.3.14 (2022-02-05)

    Bug Fixes

    • remove string template from client code (91d5acd)
    • warn when singleRun and autoWatch are false (69cfc76)
    • security: remove XSS vulnerability in returnUrl query param (839578c)

    v6.3.13

    6.3.13 (2022-01-31)

    Bug Fixes

    • deps: bump log4js to resolve security issue (5bf2df3), closes #3751

    v6.3.12

    6.3.12 (2022-01-24)

    Bug Fixes

    • remove depreciation warning from log4js (41bed33)

    v6.3.11

    6.3.11 (2022-01-13)

    Bug Fixes

    • deps: pin colors package to 1.4.0 due to security vulnerability (a5219c5)

    ... (truncated)

    Changelog

    Sourced from karma's changelog.

    6.3.16 (2022-02-10)

    Bug Fixes

    • security: mitigate the "Open Redirect Vulnerability" (ff7edbb)

    6.3.15 (2022-02-05)

    Bug Fixes

    6.3.14 (2022-02-05)

    Bug Fixes

    • remove string template from client code (91d5acd)
    • warn when singleRun and autoWatch are false (69cfc76)
    • security: remove XSS vulnerability in returnUrl query param (839578c)

    6.3.13 (2022-01-31)

    Bug Fixes

    • deps: bump log4js to resolve security issue (5bf2df3), closes #3751

    6.3.12 (2022-01-24)

    Bug Fixes

    • remove depreciation warning from log4js (41bed33)

    6.3.11 (2022-01-13)

    Bug Fixes

    • deps: pin colors package to 1.4.0 due to security vulnerability (a5219c5)

    6.3.10 (2022-01-08)

    Bug Fixes

    • logger: create parent folders if they are missing (0d24bd9), closes #3734

    ... (truncated)

    Commits
    • ab4b328 chore(release): 6.3.16 [skip ci]
    • ff7edbb fix(security): mitigate the "Open Redirect Vulnerability"
    • c1befa0 chore(release): 6.3.15 [skip ci]
    • d9dade2 fix(helper): make mkdirIfNotExists helper resilient to concurrent calls
    • 653c762 ci: prevent duplicate CI tasks on creating a PR
    • c97e562 chore(release): 6.3.14 [skip ci]
    • 91d5acd fix: remove string template from client code
    • 69cfc76 fix: warn when singleRun and autoWatch are false
    • 839578c fix(security): remove XSS vulnerability in returnUrl query param
    • db53785 chore(release): 6.3.13 [skip ci]
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    Reviewed by dependabot[bot] at 2022-03-01 23:46
  • 16. BmLocalSearch组件的searchcomplete事件的返回值为什么会变更

    [BUG 反馈] BmLocalSearch组件的searchcomplete事件的返回值为什么会变更

    浏览器版本号

    不限

    Vue 版本号

    不限

    组件库版本号

    0.21.22

    现象描述

    获取地点输入推荐值时,获取不到搜索结果,遇到2次了,结果发现是searchcomplete事件返回值变了。一开始搜索结果是searchcomplete事件返回值里Hr字段,后来变成了Ir字段,后来又变成了Kr字段。为什么一直变呢,是我使用方式不对吗?
    

    完整异常信息

    在线示例 / 仓库 URL

    复现用例

    预期输出

    实际输出

    Reviewed by abingbaba at 2022-02-22 03:28
Web map Vue components with the power of OpenLayers

VueLayers Web map Vue components with the power of OpenLayers Overview VueLayers is components library that brings the powerful OpenLayers API to the

Jun 21, 2022
Web map Vue 3.x components with the power of OpenLayers
Web map Vue 3.x components with the power of OpenLayers

vue3-openlayers Web map Vue components with the power of OpenLayers Overview vue3-openlayers is components library that brings the powerful OpenLayers

Jun 24, 2022
A set of Vue.js components to display an interactive SVG map

vue-svg-map A set of Vue.js components to display an interactive SVG map. Demo Take a look at the live demo! Installation npm npm install --save vue-s

Jun 19, 2022
Choropleth Map component for Vue.js

vue-choropleth Vue components to display a choropleth map given a certain GeoJSON and another datasource to show information from. Using Vue2Leaflet H

Feb 12, 2022
vue google map custom marker component
vue google map custom marker component

vue2-gmap-custom-marker This component allows you to display custom HTML content on the map using Overlay. This component is an adaptation of the Goog

May 17, 2022
New Sayobot Map Downloader Written by [email protected], [email protected], [email protected]
New Sayobot Map Downloader Written by Electron@12, Vite@2, Vue@3

SayoDownloader This software only provide in Chinese! 一个全新设计的小夜地图下载器

May 31, 2022
A Vue JS component for displaying dynamic data on a world map.

This is no longer being maintained, please do not open issues or PRs. Vue World Map A Vue JS Component for displaying dynamic data on a world map. Map

May 10, 2022
A quick way to start a web map application with Vue.js using MapLibre GL JS.
A quick way to start a web map application with Vue.js using MapLibre GL JS.

Vue.js map using MapLibre GL JS A quick way to start a web map application with Vue.js using MapLibre GL JS. A simple fullscreen map application is us

May 28, 2022
Directus-extension-svgmap-picker-interface - Select a value from a SVG Map box, built using vue.js
Directus-extension-svgmap-picker-interface - Select a value from a SVG Map box, built using vue.js

This extension is under development, it may take breaking changes. SVG Map Picke

Jun 13, 2022
a simple component to generate an static google map
a simple component to generate an static google map

vue-static-map a simple component to generate an static google map Google Documentation Demo SandBox JSBin example Requirements Vue 2.X.X Usage Instal

May 17, 2022
A simple map & geolocation field, built on top of open-source services and Mapbox. Kirby 3 only.
A simple map & geolocation field, built on top of open-source services and Mapbox. Kirby 3 only.

Kirby Locator A simple map & geolocation field, built on top of open-source services and Mapbox. Overview This plugin is completely free and published

Jun 25, 2022
This component allows you to display custom HTML content on the map using Overlay
This component allows you to display custom HTML content on the map using Overlay

vue3-gmap-custom-marker This component allows you to display custom HTML content on the map using Overlay. This component is an update (a fork) from e

Apr 1, 2022
Kartobuilder - a php package for the laravel framework that works with the inertia jetstream stack to build your own map

Kartobuilder is a php package for the laravel framework that works with the inertia jetstream stack to build your own map.

May 3, 2022
🗺 Map Module for Nuxt 3

@nuxtjs/map Map module for Nuxt ✨ Release Notes ?? Read the documentation Features Nuxt 3 ready Easy integration with Google Maps & Leaflet Use only t

May 1, 2022
🗺 Vue Mapbox GL - A small components library to use Mapbox GL in Vue

?? Vue Mapbox GL A small components library to use Mapbox GL in Vue. Installation & usage Have a look at the small guide for information on how to set

Jun 23, 2022
Vue 2 components for Leaflet maps
Vue 2 components for Leaflet maps

Vue2Leaflet Vue2Leaflet is a JavaScript library for the Vue framework that wraps Leaflet making it easy to create reactive maps. How to install npm in

Jun 22, 2022
Vue 2.x components for CesiumJS.
Vue 2.x components for CesiumJS.

VUE CESIUM Vue 2.x components for CesiumJS. Load Cesium built package or other third-party packages which are built on Cesium. Languages 中文 English Li

Jun 26, 2022
A set of composable components for easy use of Google Maps in your Vue 3 projects.

A set of composable components for easy use of Google Maps in your Vue 3 projects.

Jun 24, 2022
Reactive Vue 3 components for Google maps

Vue 3 Google maps Components Set of mostly used Google Maps components for Vue.js. Why this library exists? We heavily use Google Maps in our projects

Jul 3, 2022