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

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

<!--index.wxml-->
<view class="container">
  <map id="map" longitude="{{longitude}}" latitude="{{latitude}}" markers="{{markers}}" style="width: 100%; height: 300px;"></map>
</view>

//index.js
Page({
  data: {
    longitude: 113.324520,
    latitude: 23.099994,
    markers: [{
      id: 1,
      latitude: 23.099994,
      longitude: 113.324520,
      name: 'T.I.T 创意园'
    }]
  }
})

/*index.wxss*/
.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

map {
  border: 1px solid #ccc;
}

以上代码实现了在小程序中显示一个地图，并在地图上添加了一个标记点，该标记点位于广州市天河区T.I.T创意园，经度为113.324520，纬度为23.099994。用户可以通过手势缩放地图来查看周围地理位置信息。