用微信小程序写1个demo按下按键可以取map组件视频中心经纬度

以下是一个简单的微信小程序demo，通过点击按钮获取地图组件的中心经纬度：

在小程序的根目录下创建一个新的文件夹，命名为pages，并在该文件夹下创建一个新的文件夹，命名为map。
在map文件夹下创建三个文件：map.wxml、map.wxss和map.js。
在map.wxml中添加以下代码：

<view class="container">
  <map id="myMap" show-location="{{true}}" bindregionchange="regionChange"></map>
  <button bindtap="getCenterLocation">获取中心经纬度</button>
  <view>经度：{{longitude}}</view>
  <view>纬度：{{latitude}}</view>
</view>

在map.wxss中添加以下代码：

.container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

button {
  margin: 20px;
}

在map.js中添加以下代码：

Page({
  data: {
    longitude: 0,
    latitude: 0
  },

  onReady: function () {
    this.mapCtx = wx.createMapContext('myMap');
  },

  getCenterLocation: function () {
    this.mapCtx.getCenterLocation({
      success: (res) => {
        this.setData({
          longitude: res.longitude,
          latitude: res.latitude
        });
      }
    });
  },

  regionChange: function (e) {
    if (e.type === 'end') {
      this.getCenterLocation();
    }
  }
});

在app.json文件中添加以下代码：

{
  "pages": [
    "pages/map/map"
  ],
  "window": {
    "navigationBarTitleText": "小程序Demo"
  },
  "sitemapLocation": "sitemap.json"
}

在微信开发者工具中运行该小程序，即可看到一个地图组件和一个按钮，点击按钮即可获取地图组件的中心经纬度