/**
 * 顶部header
 */
Vue.component("baidu-map", {
    template: `
        <div :style="{'height': height}" ref="allMap"></div>
    `,
    props: {
        data:{
            type:Array
        },
        height:{
            type:String
        },
        building:{
            type:Array
        }
    },
    data() {
        return {
            skyMap:'',
            key:0,
        }
    },
    mounted(){
        this.init()
    },
    methods: {
        init(){
            this.initMap()
            this.getIconMap()
            this.setMapStyle()
            this.getBuilding()
        },
        initMap(){
            // GL版命名空间为BMapGL
            var map = new BMapGL.Map(this.$refs.allMap);    // 创建Map实例,

            var longitude = "104.509823";
            var latitude = "35.09362";

            map.centerAndZoom(new BMapGL.Point(longitude,latitude), 14);  // 初始化地图,设置中心点坐标和地图级别
            map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
            this.skyMap = map;
        },
        getBuilding(){
            let optsStyle= {
                color: '#ffffff',
                //position: 'relative',
                borderRadius: '5px',
                borderColor: '#000',
                background:'0',
                padding: '5px',
                fontSize: '10px',
                fontFamily: '微软雅黑',
                fontWeight: 'bold'
            }
            var map = this.skyMap
            var list = this.building
            let pointArray = [];
            for(let i=0;i<list.length;i++){
                //显示标记名称
                let opts = { position: new BMapGL.Point(list[i].longitude,list[i].latitude), offset: new BMapGL.Size(-20, 20)}
                let label = new BMapGL.Label(list[i].name, opts);
                label.setStyle(optsStyle);
                map.addOverlay(label);
                //显示标记图标
                let myIcon = new BMapGL.Icon(list[i].icon, new BMapGL.Size(30, 30));
                let marker = new BMapGL.Marker(new BMapGL.Point(list[i].longitude,list[i].latitude),{icon: myIcon});
                map.addOverlay(marker);
                pointArray.push(new BMapGL.Point(list[i].longitude,list[i].latitude));
            }
            map.setViewport(pointArray);
        },


        getIconMap(){
            var map = this.skyMap
            map.clearOverlays();
            var pointArray =new Array()
            for(let i = 0; i <this.data.length ; i++) {
                pointArray[i] = new BMapGL.Point(this.data[i].longitude,this.data[i].latitude);
                var myIcon = new BMapGL.Icon(this.chineseHelper(this.data[i].icon), new BMapGL.Size(25, 31));
                var marker = new BMapGL.Marker(new BMapGL.Point(this.data[i].longitude,this.data[i].latitude), {icon: myIcon});
                var content = this.data[i].info;
                map.addOverlay(marker);
                this.addClickHandler(content,marker);
            }
            //让所有点在视野范围内
            map.setViewport(pointArray);
        },
        addClickHandler(content,marker){
            var map = this.skyMap
            var that = this
            marker.addEventListener("click",function(e){
                //map.centerAndZoom(new BMapGL.Point(marker.latLng.lng,marker.latLng.lat), 16);
                that.openInfo(content,e);

            });

        },
        openInfo(content,e){
            var map = this.skyMap
            var opts = {
                width : 320,     // 信息窗口宽度
                //height: 100,     // 信息窗口高度
                //title : "信息窗口" , // 信息窗口标题
            };
            var p = e.target;
            var point = new BMapGL.Point(p.getPosition().lng, p.getPosition().lat);
            var infoWindow = new BMapGL.InfoWindow(content,opts);  // 创建信息窗口对象

            $(".BMap_bubble_pop").css("background-color","rgba(0,0,0,0)")
            $(".BMap_bubble_pop").css("border","0")
            $(".BMap_bubble_pop img").attr("src","https://fileimg.makalu.cc/WEB_3578CFDB64B74818851FE993E99B2274.png")
            map.openInfoWindow(infoWindow,point); //开启信息窗口

            // infoWindow.addEventListener('open',function(type, target, point){ //窗口打开是，隐藏自带的关闭按钮
            //     $('.BMap_pop>img').hide();
            // })
        },
        chineseHelper(str){
            let helper = "";
            let index = str.lastIndexOf('/');
            let lastSegment = str.substring(index + 1);
            let oneSegment = str.substring(0,index);
            switch (lastSegment) {
                case "挖掘机.png":
                    helper = "digger.png";
                    break;
                case "挖掘机2.png":
                    helper = "digger2.png";
                    break;
                case "挖掘机3.png":
                    helper = "digger3.png";
                    break;
                case "挖掘机4.png":
                    helper = "digger4.png";
                    break;
                case "挖掘机5.png":
                    helper = "digger5.png";
                    break;
                case "汽车起重机.png":
                    helper = "truckCrane.png";
                    break;
                case "汽车起重机2.png":
                    helper = "truckCrane2.png";
                    break;
                case "汽车起重机3.png":
                    helper = "truckCrane3.png";
                    break;
                case "汽车起重机4.png":
                    helper = "truckCrane4.png";
                    break;
                case "汽车起重机5.png":
                    helper = "truckCrane5.png";
                    break;
                case "洒水车.png":
                    helper = "wateringCar.png";
                    break;
                case "洒水车2.png":
                    helper = "wateringCar2.png";
                    break;
                case "洒水车3.png":
                    helper = "wateringCar3.png";
                    break;
                case "洒水车4.png":
                    helper = "wateringCar4.png";
                    break;
                case "洒水车5.png":
                    helper = "wateringCar5.png";
                    break;
                case "混凝土搅拌输送车.png":
                    helper = "mixerTruck.png";
                    break;
                case "混凝土搅拌输送车2.png":
                    helper = "mixerTruck2.png";
                    break;
                case "混凝土搅拌输送车3.png":
                    helper = "mixerTruck3.png";
                    break;
                case "混凝土搅拌输送车4.png":
                    helper = "mixerTruck4.png";
                    break;
                case "混凝土搅拌输送车5.png":
                    helper = "mixerTruck5.png";
                    break;
                case "自卸汽车.png":
                    helper = "dumpTruck.png";
                    break;
                case "自卸汽车2.png":
                    helper = "dumpTruck2.png";
                    break;
                case "自卸汽车3.png":
                    helper = "dumpTruck3.png";
                    break;
                case "自卸汽车4.png":
                    helper = "dumpTruck4.png";
                    break;
                case "自卸汽车5.png":
                    helper = "dumpTruck5.png";
                    break;
                case "装载机.png":
                    helper = "loader.png";
                    break;
                case "装载机2.png":
                    helper = "loader2.png";
                    break;
                case "装载机3.png":
                    helper = "loader3.png";
                    break;
                case "装载机4.png":
                    helper = "loader4.png";
                    break;
                case "装载机5.png":
                    helper = "loader5.png";
                    break;
                default:
                    helper =lastSegment;
            }
            return oneSegment+"/"+helper;
        },
        setMapStyle(){
            var map = this.skyMap
            //百度地图背景色
            var styleJson=[
                {
                    "featureType": "land",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "on",
                        "color": "#00092aff"
                    }
                }, {
                    "featureType": "water",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "on",
                        "color": "#033a58ff"
                    }
                }, {
                    "featureType": "green",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "on",
                        "color": "#0e1b30ff"
                    }
                }, {
                    "featureType": "building",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "on"
                    }
                }, {
                    "featureType": "building",
                    "elementType": "geometry.topfill",
                    "stylers": {
                        "color": "#113549ff"
                    }
                }, {
                    "featureType": "building",
                    "elementType": "geometry.sidefill",
                    "stylers": {
                        "color": "#143e56ff"
                    }
                }, {
                    "featureType": "building",
                    "elementType": "geometry.stroke",
                    "stylers": {
                        "color": "#dadada00"
                    }
                }, {
                    "featureType": "subwaystation",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "on",
                        "color": "#113549B2"
                    }
                }, {
                    "featureType": "education",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "on",
                        "color": "#12223dff"
                    }
                }, {
                    "featureType": "medical",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "on",
                        "color": "#12223dff"
                    }
                }, {
                    "featureType": "scenicspots",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "on",
                        "color": "#12223dff"
                    }
                }, {
                    "featureType": "highway",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "on",
                        "weight": "4"
                    }
                }, {
                    "featureType": "highway",
                    "elementType": "geometry.fill",
                    "stylers": {
                        "color": "#12223dff"
                    }
                }, {
                    "featureType": "highway",
                    "elementType": "geometry.stroke",
                    "stylers": {
                        "color": "#fed66900"
                    }
                }, {
                    "featureType": "highway",
                    "elementType": "labels",
                    "stylers": {
                        "visibility": "on"
                    }
                }, {
                    "featureType": "highway",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#12223dff"
                    }
                }, {
                    "featureType": "highway",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "highway",
                    "elementType": "labels.icon",
                    "stylers": {
                        "visibility": "on"
                    }
                }, {
                    "featureType": "arterial",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "on",
                        "weight": "2"
                    }
                }, {
                    "featureType": "arterial",
                    "elementType": "geometry.fill",
                    "stylers": {
                        "color": "#12223dff"
                    }
                }, {
                    "featureType": "arterial",
                    "elementType": "geometry.stroke",
                    "stylers": {
                        "color": "#ffeebb00"
                    }
                }, {
                    "featureType": "arterial",
                    "elementType": "labels",
                    "stylers": {
                        "visibility": "on"
                    }
                }, {
                    "featureType": "arterial",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#2dc4bbff"
                    }
                }, {
                    "featureType": "arterial",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "local",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "on",
                        "weight": "1"
                    }
                }, {
                    "featureType": "local",
                    "elementType": "geometry.fill",
                    "stylers": {
                        "color": "#12223dff"
                    }
                }, {
                    "featureType": "local",
                    "elementType": "geometry.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "local",
                    "elementType": "labels",
                    "stylers": {
                        "visibility": "on"
                    }
                }, {
                    "featureType": "local",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#979c9aff"
                    }
                }, {
                    "featureType": "local",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffffff"
                    }
                }, {
                    "featureType": "railway",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "off"
                    }
                }, {
                    "featureType": "subway",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "off",
                        "weight": "1"
                    }
                }, {
                    "featureType": "subway",
                    "elementType": "geometry.fill",
                    "stylers": {
                        "color": "#d8d8d8ff"
                    }
                }, {
                    "featureType": "subway",
                    "elementType": "geometry.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "subway",
                    "elementType": "labels",
                    "stylers": {
                        "visibility": "on"
                    }
                }, {
                    "featureType": "subway",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#979c9aff"
                    }
                }, {
                    "featureType": "subway",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffffff"
                    }
                }, {
                    "featureType": "continent",
                    "elementType": "labels",
                    "stylers": {
                        "visibility": "on"
                    }
                }, {
                    "featureType": "continent",
                    "elementType": "labels.icon",
                    "stylers": {
                        "visibility": "on"
                    }
                }, {
                    "featureType": "continent",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#2dc4bbff"
                    }
                }, {
                    "featureType": "continent",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "city",
                    "elementType": "labels.icon",
                    "stylers": {
                        "visibility": "off"
                    }
                }, {
                    "featureType": "city",
                    "elementType": "labels",
                    "stylers": {
                        "visibility": "on"
                    }
                }, {
                    "featureType": "city",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "town",
                    "elementType": "labels.icon",
                    "stylers": {
                        "visibility": "on"
                    }
                }, {
                    "featureType": "town",
                    "elementType": "labels",
                    "stylers": {
                        "visibility": "on"
                    }
                }, {
                    "featureType": "town",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#91aeb9ff"
                    }
                }, {
                    "featureType": "town",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "road",
                    "elementType": "geometry.fill",
                    "stylers": {
                        "color": "#12223dff"
                    }
                }, {
                    "featureType": "poilabel",
                    "elementType": "labels",
                    "stylers": {
                        "visibility": "on"
                    }
                }, {
                    "featureType": "districtlabel",
                    "elementType": "labels",
                    "stylers": {
                        "visibility": "on"
                    }
                }, {
                    "featureType": "road",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "on"
                    }
                }, {
                    "featureType": "road",
                    "elementType": "labels",
                    "stylers": {
                        "visibility": "on"
                    }
                }, {
                    "featureType": "road",
                    "elementType": "geometry.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "district",
                    "elementType": "labels",
                    "stylers": {
                        "visibility": "on"
                    }
                }, {
                    "featureType": "poilabel",
                    "elementType": "labels.icon",
                    "stylers": {
                        "visibility": "off"
                    }
                }, {
                    "featureType": "poilabel",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#2dc4bbff"
                    }
                }, {
                    "featureType": "poilabel",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "manmade",
                    "elementType": "geometry",
                    "stylers": {
                        "color": "#12223dff"
                    }
                }, {
                    "featureType": "entertainment",
                    "elementType": "geometry",
                    "stylers": {
                        "color": "#12223dff"
                    }
                }, {
                    "featureType": "shopping",
                    "elementType": "geometry",
                    "stylers": {
                        "color": "#12223dff"
                    }
                }, {
                    "featureType": "nationalway",
                    "stylers": {
                        "level": "6",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "6-10"
                    }
                }, {
                    "featureType": "nationalway",
                    "stylers": {
                        "level": "7",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "6-10"
                    }
                }, {
                    "featureType": "nationalway",
                    "stylers": {
                        "level": "8",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "6-10"
                    }
                }, {
                    "featureType": "nationalway",
                    "stylers": {
                        "level": "9",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "6-10"
                    }
                }, {
                    "featureType": "nationalway",
                    "stylers": {
                        "level": "10",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "6-10"
                    }
                }, {
                    "featureType": "nationalway",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "off",
                        "level": "6",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "6-10"
                    }
                }, {
                    "featureType": "nationalway",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "off",
                        "level": "7",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "6-10"
                    }
                }, {
                    "featureType": "nationalway",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "off",
                        "level": "8",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "6-10"
                    }
                }, {
                    "featureType": "nationalway",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "off",
                        "level": "9",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "6-10"
                    }
                }, {
                    "featureType": "nationalway",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "off",
                        "level": "10",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "6-10"
                    }
                }, {
                    "featureType": "nationalway",
                    "elementType": "labels",
                    "stylers": {
                        "visibility": "off",
                        "level": "6",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "6-10"
                    }
                }, {
                    "featureType": "nationalway",
                    "elementType": "labels",
                    "stylers": {
                        "visibility": "off",
                        "level": "7",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "6-10"
                    }
                }, {
                    "featureType": "nationalway",
                    "elementType": "labels",
                    "stylers": {
                        "visibility": "off",
                        "level": "8",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "6-10"
                    }
                }, {
                    "featureType": "nationalway",
                    "elementType": "labels",
                    "stylers": {
                        "visibility": "off",
                        "level": "9",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "6-10"
                    }
                }, {
                    "featureType": "nationalway",
                    "elementType": "labels",
                    "stylers": {
                        "visibility": "off",
                        "level": "10",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "6-10"
                    }
                }, {
                    "featureType": "cityhighway",
                    "stylers": {
                        "level": "6",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "6-9"
                    }
                }, {
                    "featureType": "cityhighway",
                    "stylers": {
                        "level": "7",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "6-9"
                    }
                }, {
                    "featureType": "cityhighway",
                    "stylers": {
                        "level": "8",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "6-9"
                    }
                }, {
                    "featureType": "cityhighway",
                    "stylers": {
                        "level": "9",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "6-9"
                    }
                }, {
                    "featureType": "cityhighway",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "off",
                        "level": "6",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "6-9"
                    }
                }, {
                    "featureType": "cityhighway",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "off",
                        "level": "7",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "6-9"
                    }
                }, {
                    "featureType": "cityhighway",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "off",
                        "level": "8",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "6-9"
                    }
                }, {
                    "featureType": "cityhighway",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "off",
                        "level": "9",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "6-9"
                    }
                }, {
                    "featureType": "cityhighway",
                    "elementType": "labels",
                    "stylers": {
                        "visibility": "off",
                        "level": "6",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "6-9"
                    }
                }, {
                    "featureType": "cityhighway",
                    "elementType": "labels",
                    "stylers": {
                        "visibility": "off",
                        "level": "7",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "6-9"
                    }
                }, {
                    "featureType": "cityhighway",
                    "elementType": "labels",
                    "stylers": {
                        "visibility": "off",
                        "level": "8",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "6-9"
                    }
                }, {
                    "featureType": "cityhighway",
                    "elementType": "labels",
                    "stylers": {
                        "visibility": "off",
                        "level": "9",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "6-9"
                    }
                }, {
                    "featureType": "subwaylabel",
                    "elementType": "labels",
                    "stylers": {
                        "visibility": "off"
                    }
                }, {
                    "featureType": "subwaylabel",
                    "elementType": "labels.icon",
                    "stylers": {
                        "visibility": "off"
                    }
                }, {
                    "featureType": "tertiarywaysign",
                    "elementType": "labels",
                    "stylers": {
                        "visibility": "off"
                    }
                }, {
                    "featureType": "tertiarywaysign",
                    "elementType": "labels.icon",
                    "stylers": {
                        "visibility": "off"
                    }
                }, {
                    "featureType": "provincialwaysign",
                    "elementType": "labels",
                    "stylers": {
                        "visibility": "off"
                    }
                }, {
                    "featureType": "provincialwaysign",
                    "elementType": "labels.icon",
                    "stylers": {
                        "visibility": "off"
                    }
                }, {
                    "featureType": "nationalwaysign",
                    "elementType": "labels",
                    "stylers": {
                        "visibility": "off"
                    }
                }, {
                    "featureType": "nationalwaysign",
                    "elementType": "labels.icon",
                    "stylers": {
                        "visibility": "off"
                    }
                }, {
                    "featureType": "highwaysign",
                    "elementType": "labels",
                    "stylers": {
                        "visibility": "off"
                    }
                }, {
                    "featureType": "highwaysign",
                    "elementType": "labels.icon",
                    "stylers": {
                        "visibility": "off"
                    }
                }, {
                    "featureType": "village",
                    "elementType": "labels",
                    "stylers": {
                        "visibility": "off"
                    }
                }, {
                    "featureType": "district",
                    "elementType": "labels.text",
                    "stylers": {
                        "fontsize": "20"
                    }
                }, {
                    "featureType": "district",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#2dc4bbff"
                    }
                }, {
                    "featureType": "district",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "country",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#ffffffff"
                    }
                }, {
                    "featureType": "country",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "water",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#2dc4bbff"
                    }
                }, {
                    "featureType": "water",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "cityhighway",
                    "elementType": "geometry.fill",
                    "stylers": {
                        "color": "#12223dff"
                    }
                }, {
                    "featureType": "cityhighway",
                    "elementType": "geometry.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "tertiaryway",
                    "elementType": "geometry.fill",
                    "stylers": {
                        "color": "#12223dff"
                    }
                }, {
                    "featureType": "tertiaryway",
                    "elementType": "geometry.stroke",
                    "stylers": {
                        "color": "#ffffff10"
                    }
                }, {
                    "featureType": "provincialway",
                    "elementType": "geometry.fill",
                    "stylers": {
                        "color": "#12223dff"
                    }
                }, {
                    "featureType": "provincialway",
                    "elementType": "geometry.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "nationalway",
                    "elementType": "geometry.fill",
                    "stylers": {
                        "color": "#12223dff"
                    }
                }, {
                    "featureType": "nationalway",
                    "elementType": "geometry.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "highway",
                    "elementType": "labels.text",
                    "stylers": {
                        "fontsize": "20"
                    }
                }, {
                    "featureType": "nationalway",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "nationalway",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#12223dff"
                    }
                }, {
                    "featureType": "nationalway",
                    "elementType": "labels.text",
                    "stylers": {
                        "fontsize": "20"
                    }
                }, {
                    "featureType": "provincialway",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#12223dff"
                    }
                }, {
                    "featureType": "provincialway",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "provincialway",
                    "elementType": "labels.text",
                    "stylers": {
                        "fontsize": "20"
                    }
                }, {
                    "featureType": "cityhighway",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#12223dff"
                    }
                }, {
                    "featureType": "cityhighway",
                    "elementType": "labels.text",
                    "stylers": {
                        "fontsize": "20"
                    }
                }, {
                    "featureType": "cityhighway",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "estate",
                    "elementType": "geometry",
                    "stylers": {
                        "color": "#12223dff"
                    }
                }, {
                    "featureType": "tertiaryway",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#2dc4bbff"
                    }
                }, {
                    "featureType": "tertiaryway",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "fourlevelway",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#2dc4bbff"
                    }
                }, {
                    "featureType": "fourlevelway",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "scenicspotsway",
                    "elementType": "geometry.fill",
                    "stylers": {
                        "color": "#12223dff"
                    }
                }, {
                    "featureType": "scenicspotsway",
                    "elementType": "geometry.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "universityway",
                    "elementType": "geometry.fill",
                    "stylers": {
                        "color": "#12223dff"
                    }
                }, {
                    "featureType": "universityway",
                    "elementType": "geometry.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "vacationway",
                    "elementType": "geometry.fill",
                    "stylers": {
                        "color": "#12223dff"
                    }
                }, {
                    "featureType": "vacationway",
                    "elementType": "geometry.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "fourlevelway",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "on"
                    }
                }, {
                    "featureType": "fourlevelway",
                    "elementType": "geometry.fill",
                    "stylers": {
                        "color": "#12223dff"
                    }
                }, {
                    "featureType": "fourlevelway",
                    "elementType": "geometry.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "transportationlabel",
                    "elementType": "labels",
                    "stylers": {
                        "visibility": "on"
                    }
                }, {
                    "featureType": "transportationlabel",
                    "elementType": "labels.icon",
                    "stylers": {
                        "visibility": "off"
                    }
                }, {
                    "featureType": "transportationlabel",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#2dc4bbff"
                    }
                }, {
                    "featureType": "transportationlabel",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "educationlabel",
                    "elementType": "labels",
                    "stylers": {
                        "visibility": "on"
                    }
                }, {
                    "featureType": "educationlabel",
                    "elementType": "labels.icon",
                    "stylers": {
                        "visibility": "off"
                    }
                }, {
                    "featureType": "educationlabel",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#2dc4bbff"
                    }
                }, {
                    "featureType": "educationlabel",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "transportation",
                    "elementType": "geometry",
                    "stylers": {
                        "color": "#113549ff"
                    }
                }, {
                    "featureType": "airportlabel",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#2dc4bbff"
                    }
                }, {
                    "featureType": "airportlabel",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "scenicspotslabel",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#2dc4bbff"
                    }
                }, {
                    "featureType": "scenicspotslabel",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "medicallabel",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#2dc4bbff"
                    }
                }, {
                    "featureType": "medicallabel",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "medicallabel",
                    "elementType": "labels.icon",
                    "stylers": {
                        "visibility": "off"
                    }
                }, {
                    "featureType": "scenicspotslabel",
                    "elementType": "labels.icon",
                    "stylers": {
                        "visibility": "off"
                    }
                }, {
                    "featureType": "airportlabel",
                    "elementType": "labels.icon",
                    "stylers": {
                        "visibility": "off"
                    }
                }, {
                    "featureType": "entertainmentlabel",
                    "elementType": "labels.icon",
                    "stylers": {
                        "visibility": "off"
                    }
                }, {
                    "featureType": "entertainmentlabel",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#2dc4bbff"
                    }
                }, {
                    "featureType": "entertainmentlabel",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "estatelabel",
                    "elementType": "labels.icon",
                    "stylers": {
                        "visibility": "off"
                    }
                }, {
                    "featureType": "estatelabel",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#2dc4bbff"
                    }
                }, {
                    "featureType": "estatelabel",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "businesstowerlabel",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#2dc4bbff"
                    }
                }, {
                    "featureType": "businesstowerlabel",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "businesstowerlabel",
                    "elementType": "labels.icon",
                    "stylers": {
                        "visibility": "off"
                    }
                }, {
                    "featureType": "companylabel",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#2dc4bbff"
                    }
                }, {
                    "featureType": "companylabel",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "companylabel",
                    "elementType": "labels.icon",
                    "stylers": {
                        "visibility": "off"
                    }
                }, {
                    "featureType": "governmentlabel",
                    "elementType": "labels.icon",
                    "stylers": {
                        "visibility": "off"
                    }
                }, {
                    "featureType": "governmentlabel",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#2dc4bbff"
                    }
                }, {
                    "featureType": "governmentlabel",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "restaurantlabel",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#2dc4bbff"
                    }
                }, {
                    "featureType": "restaurantlabel",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "restaurantlabel",
                    "elementType": "labels.icon",
                    "stylers": {
                        "visibility": "off"
                    }
                }, {
                    "featureType": "hotellabel",
                    "elementType": "labels.icon",
                    "stylers": {
                        "visibility": "off"
                    }
                }, {
                    "featureType": "hotellabel",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#2dc4bbff"
                    }
                }, {
                    "featureType": "hotellabel",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "shoppinglabel",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#2dc4bbff"
                    }
                }, {
                    "featureType": "shoppinglabel",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "shoppinglabel",
                    "elementType": "labels.icon",
                    "stylers": {
                        "visibility": "off"
                    }
                }, {
                    "featureType": "lifeservicelabel",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#2dc4bbff"
                    }
                }, {
                    "featureType": "lifeservicelabel",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "lifeservicelabel",
                    "elementType": "labels.icon",
                    "stylers": {
                        "visibility": "off"
                    }
                }, {
                    "featureType": "carservicelabel",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#2dc4bbff"
                    }
                }, {
                    "featureType": "carservicelabel",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "carservicelabel",
                    "elementType": "labels.icon",
                    "stylers": {
                        "visibility": "off"
                    }
                }, {
                    "featureType": "financelabel",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#2dc4bbff"
                    }
                }, {
                    "featureType": "financelabel",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "financelabel",
                    "elementType": "labels.icon",
                    "stylers": {
                        "visibility": "off"
                    }
                }, {
                    "featureType": "otherlabel",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#2dc4bbff"
                    }
                }, {
                    "featureType": "otherlabel",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "otherlabel",
                    "elementType": "labels.icon",
                    "stylers": {
                        "visibility": "off"
                    }
                }, {
                    "featureType": "manmade",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#2dc4bbff"
                    }
                }, {
                    "featureType": "manmade",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "transportation",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#2dc4bbff"
                    }
                }, {
                    "featureType": "transportation",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "education",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#2dc4bbff"
                    }
                }, {
                    "featureType": "education",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "medical",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#2dc4bbff"
                    }
                }, {
                    "featureType": "medical",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "scenicspots",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#2dc4bbff"
                    }
                }, {
                    "featureType": "scenicspots",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "off"
                    }
                }, {
                    "featureType": "country",
                    "elementType": "labels",
                    "stylers": {
                        "visibility": "on"
                    }
                }, {
                    "featureType": "districtlabel",
                    "elementType": "labels.text.fill",
                    "stylers": {
                        "color": "#00ebcaff"
                    }
                }, {
                    "featureType": "districtlabel",
                    "elementType": "labels.text.stroke",
                    "stylers": {
                        "color": "#ffffff00"
                    }
                }, {
                    "featureType": "districtlabel",
                    "elementType": "labels.text",
                    "stylers": {
                        "fontsize": 25
                    }
                }, {
                    "featureType": "country",
                    "elementType": "labels.text",
                    "stylers": {
                        "fontsize": 30
                    }
                }, {
                    "featureType": "boundary",
                    "stylers": {
                        "curZoomRegionId": "0",
                        "curZoomRegion": "5,21",
                        "level": "5"
                    }
                }, {
                    "featureType": "boundary",
                    "stylers": {
                        "curZoomRegionId": "0",
                        "curZoomRegion": "5,21",
                        "level": "6"
                    }
                }, {
                    "featureType": "boundary",
                    "stylers": {
                        "curZoomRegionId": "0",
                        "curZoomRegion": "5,21",
                        "level": "7"
                    }
                }, {
                    "featureType": "boundary",
                    "stylers": {
                        "curZoomRegionId": "0",
                        "curZoomRegion": "5,21",
                        "level": "8"
                    }
                }, {
                    "featureType": "boundary",
                    "stylers": {
                        "curZoomRegionId": "0",
                        "curZoomRegion": "5,21",
                        "level": "9"
                    }
                }, {
                    "featureType": "boundary",
                    "stylers": {
                        "curZoomRegionId": "0",
                        "curZoomRegion": "5,21",
                        "level": "10"
                    }
                }, {
                    "featureType": "boundary",
                    "stylers": {
                        "curZoomRegionId": "0",
                        "curZoomRegion": "5,21",
                        "level": "11"
                    }
                }, {
                    "featureType": "boundary",
                    "stylers": {
                        "curZoomRegionId": "0",
                        "curZoomRegion": "5,21",
                        "level": "12"
                    }
                }, {
                    "featureType": "boundary",
                    "stylers": {
                        "curZoomRegionId": "0",
                        "curZoomRegion": "5,21",
                        "level": "13"
                    }
                }, {
                    "featureType": "boundary",
                    "stylers": {
                        "curZoomRegionId": "0",
                        "curZoomRegion": "5,21",
                        "level": "14"
                    }
                }, {
                    "featureType": "boundary",
                    "stylers": {
                        "curZoomRegionId": "0",
                        "curZoomRegion": "5,21",
                        "level": "15"
                    }
                }, {
                    "featureType": "boundary",
                    "stylers": {
                        "curZoomRegionId": "0",
                        "curZoomRegion": "5,21",
                        "level": "16"
                    }
                }, {
                    "featureType": "boundary",
                    "stylers": {
                        "curZoomRegionId": "0",
                        "curZoomRegion": "5,21",
                        "level": "17"
                    }
                }, {
                    "featureType": "boundary",
                    "stylers": {
                        "curZoomRegionId": "0",
                        "curZoomRegion": "5,21",
                        "level": "18"
                    }
                }, {
                    "featureType": "boundary",
                    "stylers": {
                        "curZoomRegionId": "0",
                        "curZoomRegion": "5,21",
                        "level": "19"
                    }
                }, {
                    "featureType": "boundary",
                    "stylers": {
                        "curZoomRegionId": "0",
                        "curZoomRegion": "5,21",
                        "level": "20"
                    }
                }, {
                    "featureType": "boundary",
                    "stylers": {
                        "curZoomRegionId": "0",
                        "curZoomRegion": "5,21",
                        "level": "21"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "on",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "5,21",
                        "level": "5"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "on",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "5,21",
                        "level": "6"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "on",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "5,21",
                        "level": "7"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "on",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "5,21",
                        "level": "8"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "on",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "5,21",
                        "level": "9"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "on",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "5,21",
                        "level": "10"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "on",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "5,21",
                        "level": "11"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "on",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "5,21",
                        "level": "12"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "on",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "5,21",
                        "level": "13"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "on",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "5,21",
                        "level": "14"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "on",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "5,21",
                        "level": "15"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "on",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "5,21",
                        "level": "16"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "on",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "5,21",
                        "level": "17"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "on",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "5,21",
                        "level": "18"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "on",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "5,21",
                        "level": "19"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "on",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "5,21",
                        "level": "20"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "on",
                        "curZoomRegionId": "0",
                        "curZoomRegion": "5,21",
                        "level": "21"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "off",
                        "curZoomRegionId": "1",
                        "curZoomRegion": "3,21",
                        "level": "3"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "off",
                        "curZoomRegionId": "1",
                        "curZoomRegion": "3,21",
                        "level": "4"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "off",
                        "curZoomRegionId": "1",
                        "curZoomRegion": "3,21",
                        "level": "5"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "off",
                        "curZoomRegionId": "1",
                        "curZoomRegion": "3,21",
                        "level": "6"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "off",
                        "curZoomRegionId": "1",
                        "curZoomRegion": "3,21",
                        "level": "7"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "off",
                        "curZoomRegionId": "1",
                        "curZoomRegion": "3,21",
                        "level": "8"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "off",
                        "curZoomRegionId": "1",
                        "curZoomRegion": "3,21",
                        "level": "9"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "off",
                        "curZoomRegionId": "1",
                        "curZoomRegion": "3,21",
                        "level": "10"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "off",
                        "curZoomRegionId": "1",
                        "curZoomRegion": "3,21",
                        "level": "11"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "off",
                        "curZoomRegionId": "1",
                        "curZoomRegion": "3,21",
                        "level": "12"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "off",
                        "curZoomRegionId": "1",
                        "curZoomRegion": "3,21",
                        "level": "13"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "off",
                        "curZoomRegionId": "1",
                        "curZoomRegion": "3,21",
                        "level": "14"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "off",
                        "curZoomRegionId": "1",
                        "curZoomRegion": "3,21",
                        "level": "15"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "off",
                        "curZoomRegionId": "1",
                        "curZoomRegion": "3,21",
                        "level": "16"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "off",
                        "curZoomRegionId": "1",
                        "curZoomRegion": "3,21",
                        "level": "17"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "off",
                        "curZoomRegionId": "1",
                        "curZoomRegion": "3,21",
                        "level": "18"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "off",
                        "curZoomRegionId": "1",
                        "curZoomRegion": "3,21",
                        "level": "19"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "off",
                        "curZoomRegionId": "1",
                        "curZoomRegion": "3,21",
                        "level": "20"
                    }
                }, {
                    "featureType": "boundary",
                    "elementType": "geometry",
                    "stylers": {
                        "visibility": "off",
                        "curZoomRegionId": "1",
                        "curZoomRegion": "3,21",
                        "level": "21"
                    }
                }]

            map.setMapStyleV2({styleJson:styleJson});
        }
    },
    watch:{
        data: function (n,o) {
            this.init()
        },
        building:function (n,o) {
            this.init();
        }
    }

})