我接收到了后台传回的数据（地图中心点），但是地图始终无法显示

.js与.wxml:

Page({
  data: {
    longitude: '', 
    latitude: '',       
    markers: []
  },

  onLoad() {
    wx.request({
      url: 'http://localhost:8080/map',
      method: 'post',
      header: { 'Content-Type': 'application/x-www-form-urlencoded;charset:utf-8' },
      success: res => {
        res = res.data
        this.setData({
          latitude: res.data[0].latitude,
          longitude: res.data[0].longitude
        })
        console.log(this.data.latitude)
      },
      fail: function () {
      }
    })
  }
})

<view>
<map longitude="{{ longitude }}"
  latitude="{{ lantitude }}"
  scale="16"
  min-scale="15"
  max-scale="19"
  show-location />
</view>