Vue calls Wechat's own map interface, and the call is successful, but the map is not displayed on the page, how to make it displayed, using the Wechat developer tool?

< section class= "map" @ click= "getLocation ()" >
< / section >

getLocation () {

wx.getLocation({
    type: "gcj02", 
    success: function (res) {
        wx.openLocation({
            latitude: res.latitude, 
            longitude: res.longitude, 
            name: "", 
            address: "", 
            scale: 14, 
            infoUrl: "http://www.baidu.com"
        })
    },
    cancel: function (res) {
         alert("");
    }
})    

}


how to solve it?

Menu