uniapp微信小程序地图全屏显示配送范围

<template>
  <view style="width: 100%;height: 100%;">
    <map style="width: 100%;height: 100vh;" scale=11 longitude="116.513" latitude="39.9313" :markers="markers" :circles="circles">
    </map>
  </view>
</template>
 
<script>
  export default {
    data() {
      return {
        circles: [{
          latitude: 39.9313,
          longitude: 116.513,
          color: '#FF0000DD',
          fillColor: '#7cb5ec88',
          radius: 5000,
          strokeWidth: 1
        }],
        markers: [{
          iconPath: "/static/mark.png",
          id: 0,
          longitude: 116.513,
          latitude: 39.9313,
          width: 30,
          height: 30
        }]
      }
    },
  }
</script>
 
<style>
</style>