生成一段vue代码，使用百度地图API，通过创建的经纬度，来在前端地图显示指定的点位

好的，这是一段使用百度地图API在前端地图中显示指定点位的vue代码：

<template>
  <div id="map"></div>
</template>

<script>
import BMap from 'BMap'

export default {
  data () {
    return {
      lng: 116.404, // 经度
      lat: 39.915, // 纬度
      zoom: 11 // 缩放级别
    }
  },
  mounted () {
    this.initMap()
  },
  methods: {
    initMap () {
      const map = new BMap.Map('map')
      const point = new BMap.Point(this.lng, this.lat)
      map.centerAndZoom(point, this.zoom)
      map.addControl(new BMap.NavigationControl())
      map.addControl(new BMap.ScaleControl())
      map.addControl(new BMap.OverviewMapControl())
      map.addControl(new BMap.MapTypeControl())

      const marker = new BMap.Marker(point)
      map.addOverlay(marker)
    }
  }
}
</script>

<style>
#map {
  width: 100%;
  height: 500px;
}
</style>

在上面的代码中，你可以通过修改`lng`和`lat`的值来指定经纬度，并通过修改`zoom`的值来调整地图的缩放级别。在`mounted`钩子函数中调用`initMap`方法，来初始化地图，并使用`BMap.Map`来创建一个地图实例，使用`BMap.Point`来创建一个地图点，然后使用`map.centerAndZoom`方法将地图定位到指定的点上，并使用`BMap.NavigationControl`、`BMap.ScaleControl`、`BMap.OverviewMapControl`和`BMap.MapTypeControl`等控件来添加地图控件。最后，使用`BMap.Marker`来在地图上添加一个标记，表示指定的点位。