<map id="map" style="width: 100%;height: 389rpx;" show-location :markers="markers" :max-scale="20"

:min-scale="10" :longitude="markers[0].longitude" :latitude="markers[0].latitude" :scale="10">

<cover-view slot="callout" style="position: relative;">

<template v-for="(item,index) in markers">

<cover-view :marker-id="item.id" :key='item.id'>

<cover-view class="marker-box u-flex">

<cover-image class="marker-shop-img" :src="item.options.img"></cover-image>

<cover-view

class="u-font-20 u-m-l-10 marker-shop-text">{{item.options.name}}</cover-view>

</cover-view>

<cover-view class="mask-triangle" ></cover-view>

</cover-view>

</template>

</cover-view>

</map>