<template>
  <div>
    <tiny-autonavi-map :options="options"></tiny-autonavi-map>
  </div>
</template>

<script setup lang="jsx">
import { ref } from 'vue'
import { TinyHuichartsAmap as TinyAutonaviMap } from '@opentiny/vue-huicharts'

const options = ref({
  key: '4b5f2cf2cba25200cc6b68c398468899',
  url: 'https://webapi.amap.com/maps', // 高德地图接口的 url 地址
  v: '1.4.3',
  amap: {
    resizeEnable: true,
    center: [120.14322240845, 30.236064370321],
    zoom: 10
  },
  tooltip: {
    show: true
  },
  series: [
    {
      type: 'scatter',
      coordinateSystem: 'bmap',
      data: [
        [120, 30, 1] // 经度，纬度，value...
      ]
    }
  ]
})
</script>
