uniapp微信小程序使用百度Map，实现地图显示、当前位置、围栏守护，代码实现

在使用 Uniapp 开发微信小程序中，可以通过百度地图 JavaScript API 来实现地图显示、获取当前位置以及围栏守护功能。下面是一个简单的代码实现示例：

首先，需要在 `script` 标签中引入百度地图 JavaScript API：

<script src="http://api.map.baidu.com/api?v=3.0&ak=your_baidu_map_ak"></script>

然后，在页面的 `template` 中添加一个地图容器：

<template>
  <view class="map-container">
    <map id="map" style="width: 100%; height: 100%;"></map>
  </view>
</template>

接下来，在页面的 `script` 中，可以编写相关的 JavaScript 代码来初始化地图、获取当前位置以及设置围栏守护。示例代码如下：

<script>
export default {
  data() {
    return {
      map: null,
      fence: null
    }
  },
  onReady() {
    // 初始化地图
    this.map = new BMap.Map('map');
    this.map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);

    // 获取当前位置
    this.getCurrentLocation();

    // 设置围栏守护
    this.setFence();
  },
  methods: {
    getCurrentLocation() {
      let geolocation = new BMap.Geolocation();
      geolocation.getCurrentPosition((position) => {
        if (geolocation.getStatus() === BMAP_STATUS_SUCCESS) {
          let marker = new BMap.Marker(position.point);
          this.map.addOverlay(marker);
          this.map.panTo(position.point);
        }
      });
    },
    setFence() {
      let circle = new BMap.Circle(new BMap.Point(116.404, 39.915), 1000, {
        strokeColor: 'blue',
        strokeWeight: 2,
        strokeOpacity: 0.5,
        fillColor: 'blue',
        fillOpacity: 0.2
      });
      this.map.addOverlay(circle);
      this.fence = circle;
    }
  }
};
</script>

以上代码实现了在 Uniapp 微信小程序中使用百度地图 API 实现地图显示、获取当前位置和设置围栏守护的功能。需要注意的是，示例代码中的 `your_baidu_map_ak` 部分需要替换为你自己的百度地图 AK（Access Key）。

请注意，这只是一个简单的示例，具体的功能和样式可以根据实际需求进行修改和扩展。同时，使用百度地图 API 需要在百度开放平台申请对应的服务并获取 AK，确保 AK 的安全性和正确性。