图片图层（ImageLayer）

图片图层，可以将一张图片（png/gif等）按照目标经纬度范围贴到地图上

示例

示例源码

<template>
  <div style="height: 400px" class="vw-full vh-full">
    <mb-map :zoom="12" :pitch="40">
      <mb-tianditu-layer />
      <mb-image-layer :url="url" :coordinates="coordinates" />
    </mb-map>
  </div>
</template>

<script setup lang="ts">
const url = `${__RESOURCE_URL__}images/haizi.jpg`
const coordinates = [
  [116.3594627380371, 39.93632920085673],
  [116.4228057861328, 39.93632920085673],
  [116.4228057861328, 39.89735776851477],
  [116.3594627380371, 39.89735776851477],
]
</script>

API

PROPS

名称	描述	类型	默认值
id	图层id	string	-
coordinates	图片四个角的经纬度数组，顺序：左上、右上、右下、左下 eg:[ [-80.425, 46.437], [-71.516, 46.437], [-71.516, 37.936], [-80.425, 37.936] ]	Array<number[]>	-
url	图片资源路径	string	-
show	是否显示	boolean	true

EVENTS

名称	描述	参数
created	地图初始化完成事件	-

SLOTS

名称	描述

METHODS

名称	描述	定义