czapp/pages/amap/fence/fence.js

(function () {
    var page = {
        init: function ($page, param) {
            // //地图初始化
            var map = new AMap.Map("fence-map", {
                center: [113.955439, 22.542956],//地图中心点
                zoom: 12 //地图显示的缩放级别
            });




            // // var polygonFence = new AMap.Polygon({
            // //     strokeColor: "#FF33FF", 
            // //     strokeWeight: 6,
            // //     strokeOpacity: 0.2,
            // //     fillOpacity: 0.4,
            // //     fillColor: '#1791fc',
            // //     zIndex: 50,
            // // })



            var fenceInfo = param.fenceInfo;
            var defaultPt = param.defaultLocation;
            console.log(param);




            var circleFence = new AMap.Circle({
                center: defaultPt,
                radius: fenceInfo.data.radius, 
                strokeOpacity: 0,
                strokeWeight: 0,
                strokeOpacity: 0.2,
                fillOpacity: 0.3,
                fillColor : '#1791fc',
                zIndex: 50,
            });

            circleFence.setMap(map)
            map.setFitView(circleFence);

            // displayFence(fenceInfo);


            $page.find('#switch1').lrswitch();

            var rangeObj = $('#fence-radius');
            $('#display-radius')[0].innerHTML = rangeObj[0].value;
            //获取要设置的半径
            function getSetRadius(){
                return rangeObj[0].value; 
            }

            $('#fence-radius').on('input',function(){
                $('#display-radius')[0].innerHTML = this.value;
                var radius = getSetRadius();
                circleFence.setRadius(radius);
                console.log(circleFence.getRadius( ));
                setFenceView(circleFence);
                
            });



            map.on('moveend', function(){
                var center = map.getCenter();
                circleFence.setCenter(center);
            });

            function setFenceCenter(center){
                circleFence.setCenter(center); 
            }

            function getPresentCenter(map){
                return map.getCenter();
            }

            //围栏自适应地图等级
            function setFenceView(fence){
                map.setFitView([ fence ]);
            };

            
            //显示围栏(初始)
            // function displayFence(fenceInfo){
            //     if(!fenceInfo){
            //         circleFence.setCenter(defaultPt);
            //         var radius = getSetRadius();
            //         circleFence.setRadius(radius);
            //         // circleFence.setMap(map);
            //         map.setFitView([ circleFence ]);
            //         return;
            //     }

            //     var fence = fenceInfo;
            //     console.log(fence);
            //     if(fence.type == 'circle'){
            //         var pt = new AMap.LngLat(fence.data.center.lng, fence.data.center.lat);
            //         // circleFence.setCenter(pt);
            //         circleFence.setRadius(fence.data.radius);
            //         // circleFence.setMap(map);
            //         map.setFitView([ circleFence ]);
            //         return;
            //     }

            //     // if(fence.type == 'polygon'){
            //     //     var pts = [];
            //     //     var paths = fence.data.vertex;
                    
            //     //     paths.forEach(v => {
            //     //         pts.push([v.lng, v.lat]);
            //     //     });
            //     //     polygonFence.setPath(pts);
            //     //     polygonFence.setMap(map);
            //     //     map.setFitView([ polygonFence ]);
            //     //     return;
            //     // }
            // }


            



            // //post围栏信息
            // function postFence(data){
            //     var post_data = data;

            //     learun.httppost(config.webapi+'?s=api/save_fence_info',post_data,function(res){
            //         if(!res.success){
            //             learun.layer.toast(res.message);
            //             return;
            //         }
            //         learun.layer.toast('保存成功');
            //     });
            // }




            // var circle = new AMap.Circle({
            //     center: [116.433322, 39.900255],
            //     radius: 1000, //半径
            //     borderWeight: 3,
            //     strokeColor: "#FF33FF", 
            //     strokeOpacity: 1,
            //     strokeWeight: 6,
            //     strokeOpacity: 0.2,
            //     fillOpacity: 0.4,
            //     strokeStyle: 'dashed',
            //     strokeDasharray: [10, 10], 
            //     // 线样式还支持 'dashed'
            //     fillColor: '#1791fc',
            //     zIndex: 50,
            // })
        
            // circle.setMap(map)
            // // 缩放地图到合适的视野级别

            

            // map.setFitView([ circle ])
            //     map.on('moveend', function(){
            //     var center = map.getCenter();
            //     circle.setCenter(center);
            // });

            // $('#fence-radius').on('input',function(){
            //     $('#display-radius')[0].innerHTML = this.value;
            //     circle.setRadius(this.value);
            //     map.setFitView([circle]);
                
            // });




            

            
        }
    };

    return page;
})();