forked from opentiny/tiny-vue
33 lines
733 B
Vue
33 lines
733 B
Vue
<template>
|
||
<div>
|
||
<tiny-autonavi-map :settings="chartSettings" :series="chartSeries" :tooltip="chartTooltip"></tiny-autonavi-map>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="jsx">
|
||
import { ref } from 'vue'
|
||
import { AutonaviMap as TinyAutonaviMap } from '@opentiny/vue'
|
||
|
||
const chartSettings = {
|
||
key: '4b5f2cf2cba25200cc6b68c398468899',
|
||
url: 'https://webapi.amap.com/maps', // 谷歌地图接口的url地址
|
||
v: '1.4.3',
|
||
amap: {
|
||
resizeEnable: true,
|
||
center: [120.14322240845, 30.236064370321],
|
||
zoom: 10
|
||
}
|
||
}
|
||
const chartTooltip = { show: true }
|
||
|
||
const chartSeries = ref([
|
||
{
|
||
type: 'scatter',
|
||
coordinateSystem: 'bmap',
|
||
data: [
|
||
[120, 30, 1] // 经度，维度，value，...
|
||
]
|
||
}
|
||
])
|
||
</script>
|