小程序编程怎么通过地图选定位置

在小程序中，可以通过使用微信提供的地图组件来实现通过地图选定位置的功能。

具体实现方式如下：

1. 在小程序的wxml文件中，使用`map`组件来显示地图，例如：

<map id="myMap" bindmarkertap="onMarkerTap" show-location="true"></map>

其中，`id`属性为组件的唯一标识符，`bindmarkertap`属性为当标记被点击时触发的事件，`show-location`属性为是否显示当前位置。

2. 在小程序的js文件中，使用`wx.createMapContext`方法获取地图上下文，并使用`mapCtx.moveToLocation()`方法将地图移动到当前位置，例如：

Page({
  onReady: function (e) {
    // 获取地图上下文
    this.mapCtx = wx.createMapContext('myMap')
    // 移动地图到当前位置
    this.mapCtx.moveToLocation()
  },
  onMarkerTap: function (e) {
    // 在标记上选定位置
    console.log(e)
  }
})

其中，`wx.createMapContext`方法用于获取地图上下文，`mapCtx.moveToLocation()`方法用于将地图移动到当前位置，`onMarkerTap`方法用于处理标记被点击时的事件。

3. 在小程序的wxml文件中，使用`map`组件的`markers`属性来添加标记，例如：

<map id="myMap" markers="{{markers}}" bindmarkertap="onMarkerTap" show-location="true"></map>

其中，`markers`属性为一个数组，用于定义标记的位置、图标等属性。

4. 在小程序的js文件中，使用`wx.chooseLocation`方法弹出地图选择位置的界面，例如：

Page({
  chooseLocation: function () {
    wx.chooseLocation({
      success: function (res) {
        console.log(res)
        // 在选定位置添加标记
        that.setData({
          markers: [{
            id: 1,
            latitude: res.latitude,
            longitude: res.longitude,
            title: res.name,
            iconPath: '/images/location.png'
          }]
        })
      }
    })
  }
})

其中，`wx.chooseLocation`方法用于弹出地图选择位置的界面，`res`参数为选定的位置信息，`setData`方法用于更新标记的位置、图标等属性。

通过以上步骤，就可以在小程序中实现通过地图选定位置的功能。