map动态修改iconPath

分类：uni-app

map

怎样动态修改map中marker的图标

2019-06-11 15:41 负责人:无分享

2 个回复

DCloud_uni-ad_HDX

修改绑定的数据会自动更新

<template>  
    <view class="content">  
        <map id="map1" :markers="markers"></map>  
         <button @tap="updateMarker">updateMarker</button>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                title: 'Hello',  
                markers: [{  
                    id: 1,  
                    title: "marker",  
                    latitude: 23.099994,  
                    longitude: 113.324520,  
                    width: 50,  
                    height: 50  
                }]  
            }  
        },  
        methods: {  
            updateMarker() {  
                this.$set(this.markers[0], "iconPath", "/static/logo.png");  
            }  
        }  
    }  
</script>