在vue中怎么使用地图

在Vue中使用地图，可以使用第三方的地图库，比如百度地图、高德地图、谷歌地图等等。这些地图库都提供了相应的API供开发者使用。

以百度地图为例，在Vue中使用百度地图，需要先引入百度地图的JavaScript API。具体步骤如下：

1. 在index.html中引入百度地图的JavaScript API

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=your_app_key"></script>

其中，`your_app_key`需要换成你在百度地图开放平台申请的AK。

2. 在Vue组件中使用百度地图

<template>
  <div id="map" style="width:100%;height:500px;"></div>
</template>

<script>
export default {
  mounted() {
    const map = new BMap.Map("map"); // 创建地图实例
    const point = new BMap.Point(116.404, 39.915); // 创建点坐标
    map.centerAndZoom(point, 15); // 初始化地图，设置中心点和缩放级别
  }
}
</script>

在`mounted`钩子函数中，创建一个地图实例，并指定在哪个DOM元素上显示地图。然后，再创建一个点坐标，并使用`centerAndZoom`方法将地图初始化，设置中心点和缩放级别。

以上是使用百度地图的一个简单示例，其他地图库的使用方式也大同小异。需要注意的是，在使用第三方地图库时，需要遵守相应的开发者协议和使用规范。