尝试设置图像在图像中的位置

Question

我正在尝试将黄点图像移动到它们各自的位置。我有一些坐标和地图本身，但是不确定如何将两者放在一起。这是一些显示我在做什么的代码：

<v-img
    :src="zone.image"
    alt=""
>
    <v-layout pa-2 column fill-height class="lightbox white--text">
        <v-flex shrink>
            <div v-for="(mob, index) in mobs" :key="index">
            {{ mob.coordinates }}
                <v-img
                    src="https://classicdb.ch/templates/wowhead/images/map-pin-yellow.png"
                    alt=""
                    height="11px"
                    width="11px"
                >
                </v-img>
            </div>
        </v-flex>
    </v-layout>
</v-img>

这就是所创建的：