微信小程序中怎么加地图

要在微信小程序中加入地图，可以使用微信小程序自带的地图组件`map`。首先，在小程序的`json`文件中引入`map`组件，并设置合适的高度：

{
  "usingComponents": {
    "map": "/miniprogram_npm/@vant/weapp/dist/map/index"
  },
  "navigationBarTitleText": "地图示例",
  "enablePullDownRefresh": true,
  "backgroundTextStyle": "dark",
  "backgroundColor": "#F5F5F5",
  "navigationBarBackgroundColor": "#FFFFFF",
  "navigationBarTextStyle": "black",
  "usingComponents": {
    "map": "/miniprogram_npm/weui-miniprogram/miniprogram_dist/map/map"
  },
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle": "black"
  },
  "tabBar": {
    "color": "#999",
    "selectedColor": "#1AAD16",
    "backgroundColor": "#fff",
    "borderStyle": "black",
    "position": "bottom",
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首页",
        "iconPath": "images/tab1.png",
        "selectedIconPath": "images/tab1_active.png"
      },
      {
        "pagePath": "pages/map/map",
        "text": "地图",
        "iconPath": "images/tab2.png",
        "selectedIconPath": "images/tab2_active.png"
      }
    ]
  }
}

然后，在小程序的`wxml`文件中添加`map`组件：

<map id="myMap" longitude="{{longitude}}" latitude="{{latitude}}" markers="{{markers}}" covers="{{covers}}" show-location scale="{{scale}}" style="height: {{height}}px;"></map>

其中，`longitude`和`latitude`分别表示地图的经度和纬度，`markers`和`covers`分别表示地图上的标记点和覆盖物点，`show-location`表示是否显示当前位置，`scale`表示地图缩放级别，`style`设置地图高度。

最后，在小程序的`js`文件中处理地图相关的事件和数据：

Page({
  data: {
    latitude: 23.099994,
    longitude: 113.324520,
    markers: [{
      iconPath: "/resources/others.png",
      id: 0,
      latitude: 23.099994,
      longitude: 113.324520,
      width: 50,
      height: 50
    }],
    covers: [{
      latitude: 23.099994,
      longitude: 113.344520,
      iconPath: '/resources/cover.png',
      rotate: 10
    }, {
      latitude: 23.099994,
      longitude: 113.304520,
      iconPath: '/resources/cover.png',
      rotate: 90
    }],
    scale: 18,
    height: 500
  },
  onLoad: function () {
    
  },
  onReady: function (e) {
    this.mapCtx = wx.createMapContext('myMap')
  },
  getCenterLocation: function () {
    this.mapCtx.getCenterLocation({
      success: function(res){
        console.log(res.longitude)
        console.log(res.latitude)
      }
    })
  },
  moveToLocation: function () {
    this.mapCtx.moveToLocation()
  },
  translateMarker: function () {
    this.mapCtx.translateMarker({
      markerId: 0,
      autoRotate: true,
      duration: 1000,
      destination: {
        latitude: 23.10229,
        longitude: 113.3345211,
      },
      animationEnd() {
        console.log('animation end')
      }
    })
  },
  includePoints: function () {
    this.mapCtx.includePoints({
      padding: [10],
      points: [{
        latitude: 23.10229,
        longitude: 113.3345211,
      }, {
        latitude: 23.00229,
        longitude: 113.3345211,
      }]
    })
  }
})

以上是一个简单的微信小程序中加入地图的示例代码。您可以根据自己的需求，对代码进行修改和调整。