TileLayer

使用

<amap>
  <amap-tile-layer :tile-size="256" :tile-url="tileUrl" />
</amap>

Source Code

Props

属性名	类型	备注
tileSize	256 | 128 | 64	仅支持单次绑定
tileUrl	string
visible	boolean
zIndex	number
opacity	number
zooms	number[2]
dataZooms	number[2]	仅支持单次绑定
extraOptions	object	其它未在上面列出的属性，仅支持单次绑定

Events

事件名	备注
complete

Example

<template>
  <demo-view>
    <template v-slot:control>
      <a-form-item label="opacity">
        <a-slider
          v-model="opacity"
          :min="0"
          :max="1"
          :step="0.1"
          style="width: 180px;"
        />
      </a-form-item>
    </template>
    <template v-slot:map-content>
      <amap-tile-layer :tile-url="tileUrl" :opacity="opacity" />
    </template>
  </demo-view>
</template>

<script>
export default {
  data() {
    return {
      tileUrl:
        'https://wprd0{1,2,3,4}.is.autonavi.com/appmaptile?x=[x]&y=[y]&z=[z]&size=1&scl=1&style=8&ltype=11',
      opacity: 0.8,
    };
  },
};
</script>