vue中用高德地图根据指定的经纬度在地图上显示并标记这个点，请给我完整的代码

首先，你需要在高德地图官网上注册账号，并获取到你的开发者密钥。

然后，在你的 Vue 项目中安装高德地图的 JavaScript API：

npm install --save amap-js-api

接下来，在你的 Vue 组件中引入高德地图的 JavaScript API：

import AMap from 'amap-js-api'

然后，在组件的 mounted 钩子函数中初始化地图：

mounted () {
  AMap.plugin(['AMap.Map', 'AMap.Marker'], () => {
    // 初始化地图
    let map = new AMap.Map('mapContainer', {
      // 地图中心点的经纬度
      center: [116.397428, 39.90923],
      // 地图的缩放级别
      zoom: 13
    })

    // 创建标记
    let marker = new AMap.Marker({
      // 标记的经纬度
      position: [116.397428, 39.90923],
      // 标记的图标
      icon: 'https://a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png',
      // 标记的标题
      title: '标记'
    })

    // 将标记添加到地图上
    marker.setMap(map)
  })
}

最后，在组件的模板中添加一个 div 元素，作为地图的容器：

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

这样，你就可以在 Vue 中使用高德地图显示并标记指定的经纬度了。

完整的代码如下：

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

<script>
import AMap from 'amap-js-api'

export default {
  mounted () {
    AMap.plugin(['AMap.Map', 'AM