安卓vue设置arrowLine带箭头的线不生效

操作步骤：

<template>  
    <view class="wrapDetail">  
        <map id="map" :longitude="longitude" :latitude="latitude" scale="10" :polyline="polyline">  
                    </map>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                polyline: [{  
                    points: [{  
                        longitude: 116.397128,  
                        latitude: 39.916527  
                    }, {  
                        longitude: 117.200983,  
                        latitude: 39.084158  
                    }, ],  
                    color: "#2EA8F3",  
                    // borderWidth:5,  
                    width: 20,  
                    dottedLine: false,  
                    arrowLine:true,  
                    colorList: true,  
                    borderColor: "#fff",  
                    borderWidth: 2  
                }],  
                longitude:116.397128,  
                latitude:39.916527  
            }  
        },  
    }  
</script>

预期结果：

<template>  
    <view class="wrapDetail">  
        <map id="map" :longitude="longitude" :latitude="latitude" scale="10" :polyline="polyline">  
                    </map>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                polyline: [{  
                    points: [{  
                        longitude: 116.397128,  
                        latitude: 39.916527  
                    }, {  
                        longitude: 117.200983,  
                        latitude: 39.084158  
                    }, ],  
                    color: "#2EA8F3",  
                    // borderWidth:5,  
                    width: 20,  
                    dottedLine: false,  
                    arrowLine:true,  
                    colorList: true,  
                    borderColor: "#fff",  
                    borderWidth: 2  
                }],  
                longitude:116.397128,  
                latitude:39.916527  
            }  
        },  
    }  
</script>

实际结果：

<template>  
    <view class="wrapDetail">  
        <map id="map" :longitude="longitude" :latitude="latitude" scale="10" :polyline="polyline">  
                    </map>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                polyline: [{  
                    points: [{  
                        longitude: 116.397128,  
                        latitude: 39.916527  
                    }, {  
                        longitude: 117.200983,  
                        latitude: 39.084158  
                    }, ],  
                    color: "#2EA8F3",  
                    // borderWidth:5,  
                    width: 20,  
                    dottedLine: false,  
                    arrowLine:true,  
                    colorList: true,  
                    borderColor: "#fff",  
                    borderWidth: 2  
                }],  
                longitude:116.397128,  
                latitude:39.916527  
            }  
        },  
    }  
</script>