【报Bug】vue页面Map组件 $getAppMap() 为undefined

示例代码：

<template>
<view class="content">
<map id="myMap" ref="myMap" class="myMap"></map>
<button @click="demo">222</button>
</view>

</template>

<script>
export default {
data() {
return {
// mapContext:"",
// map:""
}

    },  
    //加载事件  
    onReady () {  
        var that = this;  
        let map = uni.createMapContext("myMap", this).$getAppMap();  
            console.log(map)  

        // //创建并返回 map 上下文 mapContext 对象  
        // this.mapContext =  uni.createMapContext("map", this)  
        // //获取原生地图对象  
        // console.log(this.mapContext.$getAppMap)   
        // console.log()   

        // console.log(this.mapContext.$getAppMap.getMapType())  
        // this.map.centerAndZoom( new plus.maps.Point(116.3977,39.906016), 12 );  
        // this.demo()  

    },  

    methods: {  
        demo(){  
            // this.map.getMapType()==plus.maps.MapType.MAPTYPE_SATELLITE?"卫星视图":"街道视图"  
            console.log(this.mapContext.$getAppMap())  

        }  
    }  

}  

</script>

<style>
.content {
width: 750rpx;
height: 750rpx;
/ display: flex; /
/设置为flex布局/
/ justify-content: center; /
/水平居中/

}  
.map{  

}  

</style>

操作步骤：

<template>
<view class="content">
<map id="myMap" ref="myMap" class="myMap"></map>
<button @click="demo">222</button>
</view>

</template>

<script>
export default {
data() {
return {
// mapContext:"",
// map:""
}

    },  
    //加载事件  
    onReady () {  
        var that = this;  
        let map = uni.createMapContext("myMap", this).$getAppMap();  
            console.log(map)  

        // //创建并返回 map 上下文 mapContext 对象  
        // this.mapContext =  uni.createMapContext("map", this)  
        // //获取原生地图对象  
        // console.log(this.mapContext.$getAppMap)   
        // console.log()   

        // console.log(this.mapContext.$getAppMap.getMapType())  
        // this.map.centerAndZoom( new plus.maps.Point(116.3977,39.906016), 12 );  
        // this.demo()  

    },  

    methods: {  
        demo(){  
            // this.map.getMapType()==plus.maps.MapType.MAPTYPE_SATELLITE?"卫星视图":"街道视图"  
            console.log(this.mapContext.$getAppMap())  

        }  
    }  

}  

</script>

<style>
.content {
width: 750rpx;
height: 750rpx;
/ display: flex; /
/设置为flex布局/
/ justify-content: center; /
/水平居中/

}  
.map{  

}  

</style>

预期结果：

<template>
<view class="content">
<map id="myMap" ref="myMap" class="myMap"></map>
<button @click="demo">222</button>
</view>

</template>

<script>
export default {
data() {
return {
// mapContext:"",
// map:""
}

    },  
    //加载事件  
    onReady () {  
        var that = this;  
        let map = uni.createMapContext("myMap", this).$getAppMap();  
            console.log(map)  

        // //创建并返回 map 上下文 mapContext 对象  
        // this.mapContext =  uni.createMapContext("map", this)  
        // //获取原生地图对象  
        // console.log(this.mapContext.$getAppMap)   
        // console.log()   

        // console.log(this.mapContext.$getAppMap.getMapType())  
        // this.map.centerAndZoom( new plus.maps.Point(116.3977,39.906016), 12 );  
        // this.demo()  

    },  

    methods: {  
        demo(){  
            // this.map.getMapType()==plus.maps.MapType.MAPTYPE_SATELLITE?"卫星视图":"街道视图"  
            console.log(this.mapContext.$getAppMap())  

        }  
    }  

}  

</script>

<style>
.content {
width: 750rpx;
height: 750rpx;
/ display: flex; /
/设置为flex布局/
/ justify-content: center; /
/水平居中/

}  
.map{  

}  

</style>

实际结果：

<template>
<view class="content">
<map id="myMap" ref="myMap" class="myMap"></map>
<button @click="demo">222</button>
</view>

</template>

<script>
export default {
data() {
return {
// mapContext:"",
// map:""
}

    },  
    //加载事件  
    onReady () {  
        var that = this;  
        let map = uni.createMapContext("myMap", this).$getAppMap();  
            console.log(map)  

        // //创建并返回 map 上下文 mapContext 对象  
        // this.mapContext =  uni.createMapContext("map", this)  
        // //获取原生地图对象  
        // console.log(this.mapContext.$getAppMap)   
        // console.log()   

        // console.log(this.mapContext.$getAppMap.getMapType())  
        // this.map.centerAndZoom( new plus.maps.Point(116.3977,39.906016), 12 );  
        // this.demo()  

    },  

    methods: {  
        demo(){  
            // this.map.getMapType()==plus.maps.MapType.MAPTYPE_SATELLITE?"卫星视图":"街道视图"  
            console.log(this.mapContext.$getAppMap())  

        }  
    }  

}  

</script>

<style>
.content {
width: 750rpx;
height: 750rpx;
/ display: flex; /
/设置为flex布局/
/ justify-content: center; /
/水平居中/

}  
.map{  

}  

</style>