uniapp实现地图电子围栏功能

<template>
  <view>
    <map :style="'width: 100%;'+ 'height:'+screenHeight" :latitude="latitude" :longitude="longitude"
      :polygons="polygons" :markers="markerList">
    </map>
    <switch color="#FFCC33" style="transform:scale(0.8)" @change="switch1Change" :checked="ched"/>
  </view>
</template>
<script>
  export default {
    data() {
      return {
        ched:true,
        "longitude": 116.44053,
        "latitude": 39.960038,
        screenHeight: '400px',
        markerList: [{
          "id": 1,
          "longitude": 116.440529,
          "latitude": 39.960026,
          "iconPath": '../../static/dian.png',
          "width": "80rpx",
          "height": "80rpx"
        }],
        polygons: [{
          //多边形的坐标数组
          points: [{
            "longitude": 116.439688,
            "latitude": 39.961146
          }, {
            "longitude": 116.439697,
            "latitude": 39.959854
          }, {
            "longitude": 116.441444,
            "latitude": 39.959863
          }, {
            "longitude": 116.441467,
            "latitude": 39.959979
          }, {
            "longitude": 116.441448,
            "latitude": 39.960049
          }, {
            "longitude": 116.439756,
            "latitude": 39.961175
          }],
          fillColor: "#cbdde9", //填充颜色
          strokeColor: "#78addd", //描边颜色
          strokeWidth: 2, //描边宽度
          zIndex: 1, //层级
        }]
      }
    },
    methods: {
      
    }
  }
</script>
<style>
</style>