微信小程序地图定位点不在视觉中心

<map id="map" longitude="{{longitude}}" latitude="{{latitude}}" scale="16" markers="{{markers}}" bindmarkertap="markertap" show-location style="width: 100%; height: 270px;"></map>

<!--js-->
 data: {
    latitude: 30.52210,
    longitude: 114.32051,
    markers: [{
      iconPath: "../../images/icon/location.png",
      id: 0,
      latitude: 30.52210,
      longitude: 114.32051,
      width: 30,
      height: 30
    }]
  },
  
 <!--此前通过百度地图找到经纬度，设置latitude和longitude，就出现了此问题-->

    wx.getLocation({
      type: 'gcj02', //返回可以用于wx.openLocation的经纬度
      success: function (res) {
        var latitude = res.latitude;
        var longitude = res.longitude;
        console.log(latitude + '--------------' + longitude)
      },
      fail: function () {
        // console.log('fail')
      },
      complete:function(){
        // console.log('complete')
      }
    })