TDataView_ui/scripts/meteo/c/mapControl.js

/**
 * map操作类
 * Created by Administrator on 2017/11/8.
 */
define([], function () {
    var map = {
        /**
         * 创建图层组
         */
        createLayer: function (clustering) {
            if (!clustering) clustering = false;
            return map23DControl.group({
                action: 'add',
                clustering: clustering //是否开启聚合
            })
        },
        /**
         * 清空图层组
         */
        clearLayer: function (Guid) {
            map23DControl.group({
                action: 'clearAll',
                guid: Guid
            })
        },
        /**
         * 移除图层组
         */
        removeLayer: function (Guid) {
            if (!Guid) return;
            map23DControl.group({
                action: 'remove',
                guid: Guid
            })
        },
        /**
         * 添加一个marker
         */
        addMarker: function (title, iconurl, iconSize, iconRorate, popupContent, lat, lng, groupId) {
            var markerOp = {
                action: 'add',//添加 //'delete'删除//'update'修改
                groupId: groupId, //所加载图层id
                visible2D: true,
                visible3D: true,
                geojson: {
                    "type": "Feature",
                    "properties": {
                        title: title,//标题
                        iconUrl: iconurl,//图标地址
                        iconSize: [iconSize, iconSize],//图标大小
                        iconAnchor: [iconSize / 2, iconSize / 2],//图标中心点偏移值
                        popupAnchor: [0, 0],//冒泡窗与中心点的偏移值
                        altitude: 0,//高度
                        popupContent: popupContent,//冒泡窗内容
                        iconRorate: iconRorate,//图标旋转角度
                    },
                    "geometry": {
                        "type": "Point",
                        "coordinates": [lng, lat]//经纬度
                    }
                }
            }
            return map23DControl.marker(markerOp);
        },
        /**
         * 添加一个marker在2D地图
         */
        addMarkerTo2D: function (title, iconurl, iconSize, iconRorate, popupContent, lat, lng, groupId) {
            var markerOp = {
                action: 'add',//添加 //'delete'删除//'update'修改
                groupId: groupId, //所加载图层id
                visible2D: true,
                visible3D: false,
                geojson: {
                    "type": "Feature",
                    "properties": {
                        title: title,//标题
                        iconUrl: iconurl,//图标地址
                        iconSize: [iconSize, iconSize],//图标大小
                        iconAnchor: [iconSize / 2, iconSize / 2],//图标中心点偏移值
                        popupAnchor: [0, 0],//冒泡窗与中心点的偏移值
                        altitude: 0,//高度
                        popupContent: popupContent,//冒泡窗内容
                        iconRorate: iconRorate,//图标旋转角度
                    },
                    "geometry": {
                        "type": "Point",
                        "coordinates": [lng, lat]//经纬度
                    }
                }
            }
            return map23DControl.marker(markerOp);
        },
        /**
         * 添加一个文字marker
         */
        addText: function (title, test, size, color, fontWeight, lat, lng, groupId, add3D, anchorX, anchorY) {
            if (anchorX != 0 && !anchorX) anchorX = size / 2;
            if (anchorY != 0 && !anchorY) anchorY = size / 2;
            var markerOp = {
                action: 'add',//添加 //'delete'删除//'update'修改
                groupId: groupId,
                visible2D: true,
                visible3D: true,
                geojson: {
                    "type": "Feature",
                    "properties": {
                        title: title,//标题
                        iconUrl: '/dist/images/marker.svg',
                        iconSize: [size, size],//图标大小
                        iconAnchor: [anchorX, anchorY],//图标中心点偏移值
                        popupAnchor: [0, -14],//冒泡窗与中心点的偏移值
                        altitude: 0,//高度
                        fontIcon: test,//字体图标
                        fontSize: size,//字体图标大小
                        fontColor: color,//字体图标颜色
                        fontWeight: fontWeight, //字体粗细
                        popupContent: '',
                        altitudeMode: 0
                    },
                    "geometry": {
                        "type": "Point",
                        "coordinates": [lng, lat]//经纬度
                    }
                }
            }
            return map23DControl.marker(markerOp);
        },
        /**
         * 添加一条线
         * @param title     标题
         * @param color     颜色
         * @param weight    宽度
         * @param dash      虚线宽度 false未非虚线
         * @param points    点的集合（点为先lng后lat）
         * @param groupId   要添加的图层ID
         * @param addTo3D   是否添加到3D地图
         */
        addPolyline: function (title, color, weight, dash, points, groupId, addTo3D) {
            var alts = [];
            var type;
            if (dash) {     //虚线
                type = 3;
            }
            for (var i = 0; i < points.length; i++) {      //给定高度，防止3维遮挡
                alts.push(5000);
            }
            return map23DControl.polyline({
                action: 'add',
                groupId: groupId,
                visible2D: true,
                visible3D: addTo3D,
                geojson: {
                    "type": "Feature",
                    "properties": {
                        title: title,
                        color: color,
                        weight: weight,
                        opacity: 1,
                        popupContent: '',
                        altitude: alts,//高度
                        // altitude: [10, 10, 10, 10, 10, 10, 10],
                        lineJoin: 'miter',
                        lineCap: 'butt',
                        dashArray: dash,
                        lineType: type

                    },
                    "geometry": {
                        "type": "LineString",
                        "coordinates": points   //[lng, lat]
                    }
                }
            })
        },
        /**
         * 添加一个圆
         */
        addCircle: function (title, radius, color, fillColor, lat, lng, layer) {
            return map23DControl.circle({
                action: 'add',
                groupId: layer,
                geojson: {
                    "type": "Feature",
                    "properties": {
                        title: title,
                        color: color,
                        weight: 1,
                        fillColor: fillColor,
                        opacity: 1,
                        fillOpacity: 0.5,
                        // popupContent: '',
                        // extrude: 18000, //拉伸高度
                        // altitude: 11000, //点海拔高度
                        // altitudeMode: 1, //海拔模式
                        radius: radius
                    },
                    "geometry": {
                        "type": "Circle",
                        "coordinates": [lng, lat]
                    }
                }
            });
        },
        /**
         * 添加填充区域
         */
        addPolygon: function (title, color, fillColor, lnglats, lnglats2, layer) {
            var alts = [];
            for (var i = 0; i < lnglats.length; i++) {
                alts.push(5000);
            }
            return map23DControl.polygon({
                action: 'add',
                groupId: layer,
                geojson: {
                    "type": "Feature",
                    "properties": {
                        title: title,
                        color: color,
                        weight: 3,
                        fillColor: fillColor,
                        opacity: 1,
                        fillOpacity: 0.5,
                        popupContent: '',
                        altitude: alts
                    },
                    "geometry": {
                        "type": "Polygon",
                        "coordinates": [lnglats, lnglats2]
                    }
                }
            });
        },
        /**
         * 23D地图添加图片覆盖物
         */
        addImage: function (url, slat, slng, elat, elng, opacity) {
            if (!opacity && opacity != 0) opacity = 1;
            var guid = map23DControl.imageOverlay({
                action: 'add',
                from: '23D',
                type: 'imageOverlay',
                layers: {
                    opacity: opacity,//2D透明度
                    layerBounds: [[slng, slat], [elng, elat]],//左上角  右下角
                    imageUrl2D: url,//2D图片地址
                    imageUrl3D: url//3D图片服务地址
                }
            })
            return guid;
        },
        /**
         * 23D地图删除图片覆盖物
         */
        removeImage: function (guid) {
            map23DControl.imageOverlay({
                action: 'remove',
                from: '23D',
                guid: guid
            })
        },
        /**
         * 23D地图更新图片覆盖物（更改透明度）
         * @param guid
         * @param opacity
         */
        upDateImage: function (guid, opacity) {
            map23DControl.imageOverlay({
                action: 'update',
                from: '23D',
                guid: guid,
                type: 'imageOverlay',
                layers: {
                    opacity: opacity,//2D透明度
                    // layerBounds: [[100, 39], [120, -49]],//左上角  右下角
                    // imageUrl2D: map23DConfig.map23DAssetsUrl + '/data/weixing/sdt_marker.png',//2D图片地址
                    // imageUrl3D: map23DConfig.map23DAssetsUrl + '/data/weixing/sdt_marker.png'//3D图片服务地址
                }
            })
        },
        //-------------------------------地图状态工具方法----------------------------------------
        getBounds: function () {            //获取当前显示范围
            if (map.mapType == '2d') {
                var se = [];
                se.push(map2DViewer.map.getBounds().getSouthWest().lat);
                se.push(map2DViewer.map.getBounds().getSouthWest().lng);
                se.push(map2DViewer.map.getBounds().getNorthEast().lat);
                se.push(map2DViewer.map.getBounds().getNorthEast().lng);
                return se;
            } else {
                var topLeft = map23DUtil.get3DPixToLnglat('topleft');
                var bottomRight = map23DUtil.get3DPixToLnglat('bottomright');
                var slat = topLeft.lat < bottomRight.lat ? topLeft.lat : bottomRight.lat;
                var slng = topLeft.lng < bottomRight.lng ? topLeft.lng : bottomRight.lng;
                var elat = topLeft.lat < bottomRight.lat ? bottomRight.lat : topLeft.lat;
                var elng = topLeft.lng < bottomRight.lng ? bottomRight.lng : topLeft.lng;

                var se = [];
                se.push(slat);
                se.push(slng);
                se.push(elat);
                se.push(elng);
                return se;
            }

        },
        getZoom: function () {      //获取缩放层级
            if (map.mapType == '2d') {
                return map2DViewer.map._zoom;
            } else {
                return map.zoom3d;
            }
        },
        init: function () {
            //2D地图移动监听
            map2DViewer.map.on('moveend', function () {
                if (map.mapType != '2d') return;
                for (var key in meteo.f) {
                    if (meteo.f[key].onMove) meteo.f[key].onMove();
                }
            });

            //23D地图切换监听
            ONEMAP.C.publisher.subscribe(function (type) {
                map.mapType = type;
                //修改时间轴2/3D地图背景样式
                $('.meteo-time-boxone').toggleClass('meteo-time-boxbg');

            }, 'change23D');

            //3D地图移动监听
            ONEMAP.C.publisher.subscribe(function (zoom) {
                if (map.mapType == '2d') return;
                map.zoom3d = zoom;

                var topLeft = map23DUtil.get3DPixToLnglat('topleft');
                var bottomRight = map23DUtil.get3DPixToLnglat('bottomright');
                if (!topLeft.lat || !topLeft.lng || !bottomRight.lat || !bottomRight.lng) {
                    //只要当前有一个点没有数据，就不触发marker重绘
                    return;
                }

                for (var key in meteo.f) {
                    if (meteo.f[key].onMove) meteo.f[key].onMove();
                }
            }, 'mapChange23D');
        },
        mapType: '2d',
        zoom3d: null,
    }
    map.init();
    return map;
})