<map id="map" longitude="{{longitude}}" circles="{{circles}}" show-location latitude="{{latitude}}" scale="14" bindmarkertap="handleMarkerTap" bindtap="tapMap" style="width:100%;height:90%;"></map>
circles:[
      {
        longitude: 113.324520,
        latitude: 23.099994,
        radius:500,
        strokeWidth:1,
        color:'#E41F18'
      }
    ],
 getDistance(lat1, lon1, lat2, lon2) {
    const R = 6371000;
    const toRad = (d) => d * Math.PI / 180;
    const dLat = toRad(lat2 - lat1);
    const dLon = toRad(lon2 - lon1);
    const a = Math.sin(dLat / 2) ** 2 +
              Math.cos(toRad(lat1)) * Math.cos(toRad(lat2)) *
              Math.sin(dLon / 2) ** 2;
    return R * (2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a)));
  },


  isInCircle(currentLat, currentLon, circleLat, circleLon, radius) {
    const distance = this.getDistance(currentLat, currentLon, circleLat, circleLon);
    return distance <= radius;
  },
  tapMap(e){
    console.log(e,'点击地图');
    const tappedLocation = e.detail; // 获取被点击的标记点的位置信息（如果有的话）
    if (this.isInCircle(
      // 22.677173,114.330154,// 内
      tappedLocation.latitude,tappedLocation.longitude,
      this.data.circles[0].latitude, this.data.circles[0].longitude,
      this.data.circles[0].radius
    )) {
      // console.log('Point is within the circle');
       wx.showToast({
        title:'在范围内',
        icon:'none'
       })
      // 处理在圆内的点击事件，例如更新markers数组等。
    } else {
      wx.showToast({
        title:'很遗憾',
        icon:'none'
       })
      // console.log('Point is outside the circle');
      // 可以选择移除该标记或给出提示。
    }
  },