uniapp map简单使用

<template>
    <view>
        <map style="width: 100%; height:100vh;" :latitude="latitude" :longitude="longitude"
        :scale="scale" :markers="covers"></map>
    </view>
</template>

<script>
    export default {
        name: "station",
        data() {
            return {
                address: "",
                id: 0,
                title: 'map',
                latitude: 29.076445,
                longitude: 119.656281,
                scale: 12,
                covers: [],
            }
        },
        onLoad() {
            this.covers = [
                {
                    id: 0,
                    latitude: 29.076445,
                    longitude: 119.656281,
                    iconPath: '../../static/coordinate.png',
                    width: 35,
                    height: 35,
                    callout: {content: "青然宠物医院", display: "ALWAYS",bgColor:'#0081ff',color:'#fff'},
                }
            ]
        },
        methods: {
        }
    }
</script>

<style scoped>

</style>