vue 地图显示公司位置

要在 Vue 中显示公司位置，你可以使用一些第三方库来实现，比如：

1. vue2-google-maps：这个库提供了一个 `GmapMap` 组件，可以在地图上显示标记、信息窗口等。你需要在 Google Cloud Console 中创建一个 API Key，并在组件中使用它来加载地图。示例代码如下：

<template>
  <div>
    <GmapMap :center="{lat: 37.7749, lng: -122.4194}" :zoom="12">
      <GmapMarker :position="{lat: 37.7749, lng: -122.4194}" />
    </GmapMap>
  </div>
</template>

<script>
import * as VueGoogleMaps from 'vue2-google-maps'

export default {
  components: {
    ...VueGoogleMaps,
  },
  mounted() {
    VueGoogleMaps.load(this.$refs.map, {
      key: 'YOUR_API_KEY',
    })
  },
}
</script>

2. vue-baidu-map：这个库提供了一个 `baidu-map` 组件，可以在百度地图上显示标记、信息窗口等。你需要在百度地图开放平台中创建一个应用，并在组件中使用 AK 来加载地图。示例代码如下：

<template>
  <div>
    <baidu-map :center="{lng: 116.404, lat: 39.915}" :zoom="15">
      <bm-marker :position="{lng: 116.404, lat: 39.915}" />
    </baidu-map>
  </div>
</template>

<script>
import BaiduMap from 'vue-baidu-map'

export default {
  components: {
    ...BaiduMap,
  },
  mounted() {
    this.$nextTick(() => {
      const AK = 'YOUR_AK'
      BaiduMapLoader.load({
        ak: AK,
        callback: () => {},
      })
    })
  },
}
</script>

以上是两个常用的地图库，你可以根据自己的需求选择其中一个来实现。