注册 登录
天意之都
天意之都
  • 发布：2021-04-15 17:24
  • 更新：2021-04-15 17:49
  • 阅读：604

修改地图圆的半径 没有效果

分类：uni-app

第一个方法设置圆的半径为1生效，第二个方法设置半径为600不生效。

              getCircles:function(){  
                let that = this;  
                uni.chooseLocation({  
                    success: function (res) {  
                        console.log('位置名称：' + res.name);  
                        console.log('详细地址：' + res.address);  
                        console.log('纬度：' + res.latitude);  
                        console.log('经度：' + res.longitude);  
                        testMarkers[0].latitude=res.latitude;  
                        testMarkers[0].longitude=res.longitude;  
                        testCircles[0].latitude=res.latitude;  
                        testCircles[0].longitude=res.longitude;  
                        testCircles[0].radius=1;  
                        that.markers = testMarkers;  
                        that.circles = testCircles;  
                    }  
                });  
                console.log(that.circles)  
            },  
            getCircles2:function(){  
                console.log(this.circles)  
                this.circles = [];  
                                let that = this;  
                setTimeout(function(){    
                    testCircles[0].radius=600;  
                    that .circles = testCircles;  
                    // _self.circles[0].latitude;    
                    // _self.circles[0].longitude    
                },1000)  
            }
2021-04-15 17:24 负责人:无 分享

没有找到相关结果

    已邀请:
    天意之都

    天意之都 (作者)

    去除定时直接写或者去除this.circles=[] 接不生效.

    2021-04-15 17:26 分享
    DCloud_Android_ST

    DCloud_Android_ST

    完整示例提供一下

    2021-04-15 17:41 分享
    评论 取消
    天意之都

    天意之都 (作者) 

    <template>  
    <view class="content">  
        <view style="width: 100%;" class="topView">  
            <view class="baby" @click="getCircles">围栏</view>  
            <view class="baby" @click="getCircles2">更改坐标</view>  
        </view>  
        <view>  
        <map id="map" scale="14" :circles="circles" :markers="markers"  
        :style="{height: nowMapIndex ? nintyPercentScreenHeight : seventyPercentScreenHeight,width:'750rpx'}">  

            </map>  
        </view>  
    </view>  
</template>  

<script>  
    var testCircles =[{  
        latitude:39.925741,  
        longitude: 116.464372,  
        color:'#ff0000',  
        fillColor:'#CCFFFF80',  
        radius:600,  
        strokeWidth:3  
    }];  
    var testMarkers = [{  
        id:1,  
        latitude:39.925741,   
        longitude: 116.464372,  
        title:'测试1'  
    },{  
        id:2,  
        latitude:39.925165,   
        longitude: 116.45978,  
        title:'测试1'  
    }]  
    import amap from '../../../js/map/amap-wx.js';  
    export default {  
        data() {  
            return {  
                nowMapIndex:true,  
                phoneHeight:'',//屏幕高  
                phoneWidth:'',//屏幕宽  
                topViewHeight:'',  
                markers:[],  
                circles:[]  
            }  
        },  
        methods: {  
            getCircles:function(){  
                let that = this;  
                uni.chooseLocation({  
                    success: function (res) {  
                        console.log('位置名称：' + res.name);  
                        console.log('详细地址：' + res.address);  
                        console.log('纬度：' + res.latitude);  
                        console.log('经度：' + res.longitude);  
                        testMarkers[0].latitude=res.latitude;  
                        testMarkers[0].longitude=res.longitude;  
                        testCircles[0].latitude=res.latitude;  
                        testCircles[0].longitude=res.longitude;  
                        testCircles[0].radius=1;  
                        that.markers = testMarkers;  
                        that.circles = testCircles;  
                    }  
                });  
                console.log(that.circles)  
            },  
            getCircles2:function(){  
                console.log(this.circles)  
                testCircles[0].radius=600;  
                this.circles = testCircles;  
                console.log(this.circles)  
            }  
        },  
        onLoad() {  
            this.amapPlugin = new amap.AMapWX({  
                key: this.key  
            });  
        },  
    }  
</script>
    2021-04-15 17:49 分享
    为什么被折叠? 0 个回复被折叠

    该问题目前已经被锁定, 无法添加新回复

    退出全屏模式 全屏模式 回复
    友情链接
    优势智云 黑马程序员 程序员客栈 个推 锐亚教育 即速应用 DCloud新闻 InfoQ 蓝莺IM HeapDump性能社区 diygw可视化 申请友链

    DCloud 即数字天堂(北京)网络技术有限公司是W3C成员及HTML5中国产业联盟发起单位

    京ICP备12046007号-4 | 京公网安备：11010802035340号 | 国家信息安全等级保护三级，证书编号：11010813802-20001

    | | 违法违规信息举报