如何在 Mapbox IControl 中使用 Vue 组件

Question

我想在 MapBox 控件中使用 Vue，而不是使用旧的 DOM API。

Answer 1

<template>
  <span :id="id" class="mapboxgl-ctrl mapboxgl-ctrl-group">
    <button type="button">
      <FitFeaturesIcon class="mapboxgl-ctrl-icon" aria-hidden="true" />
    </button>
  </span>
</template>

<script>
import FitFeaturesIcon from './FitFeaturesIcon'

const id = 'FitFeaturesControl'

export default {
  components: { FitFeaturesIcon },
  data: () => ({
    id
  })
}

export class CFitFeaturesControl {
  onAdd(map) {
    this._map = map
    this._container = document.getElementById(id)
    return this._container
  }
}
</script>

如何在 Mapbox IControl 中使用 Vue 组件

How to use Vue components with Mapbox IControl

vue.js

mapbox-gl-js