写一份儿关于微信小程序 地图的代码

以下是一个简单的微信小程序地图代码示例：

1. 在 wxml 文件中添加地图组件：

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

2. 在 js 文件中初始化地图：

// 初始化地图
Page({
  data: {
    longitude: 113.324520,
    latitude: 23.099994,
    markers: [{
      id: 1,
      latitude: 23.099994,
      longitude: 113.324520,
      name: 'T.I.T 创意园'
    }]
  },
  onReady: function (e) {
    // 使用 wx.createMapContext 获取 map 上下文
    this.mapCtx = wx.createMapContext('myMap')
  },
  markertap: function (e) {
    console.log(e.markerId)
  }
})

3. 在 wxss 文件中设置地图样式：

map {
  width: 100%;
  height: 300px;
}

这个示例中，我们使用了小程序提供的 `map` 组件来显示地图，并在 js 文件中设置了地图的经纬度、标记点等信息。在 `onReady` 函数中，我们使用 `wx.createMapContext` 创建了地图上下文，并在 `markertap` 函数中处理了标记点的点击事件。最后，在 wxss 文件中设置了地图的样式。