百度地圖升級2:給不同類型的點賦不同的圖標

//排口總數據
        maps: [{
          "outletName": "0排口",
          "outletCode": "0",
          "outletLng": "114.646861",
          "outletLat": "38.054677",
          'num': "8888884",
          'outletTag': ['排放最多', '排口最大'],
          "endLng": "114.495658",
          "endLat": "38.127379",
          "alarmState": 0,
          "onlineState": 0,
          "runState": 0,
          "monitorList": [{
              "unit": "mg/l",
              "flag": "N",
              "time": "2020-05-22 15:24:36",
              "value": "14.32",
              "key": "氨氮"
            },
            {
              "unit": "mg/l",
              "flag": "N",
              "time": "2020-05-22 15:24:36",
              "value": "41.8",
              "key": "化學需氧量"
            },
            {
              "unit": "mg/l",
              "flag": "B",
              "time": "2020-05-22 15:24:36",
              "value": "0.00",
              "key": "總氮"
            }
          ]
        }, {
          "outletName": "1排口",
          "outletCode": "1",
          "outletLat": "38.001923",
          "outletLng": "114.537052",
          'num': "8888884",
          'outletTag': ['排放最多', '排口最大'],
          "endLat": "38.035694",
          "endLng": "114.546825",
          "alarmState": 0,
          "onlineState": 0,
          "runState": 0,
          "monitorList": [{
              "unit": "mg/l",
              "flag": "N",
              "time": "2020-05-22 15:24:36",
              "value": "14.32",
              "key": "氨氮"
            },
            {
              "unit": "mg/l",
              "flag": "N",
              "time": "2020-05-22 15:24:36",
              "value": "41.8",
              "key": "化學需氧量"
            },
            {
              "unit": "mg/l",
              "flag": "B",
              "time": "2020-05-22 15:24:36",
              "value": "0.00",
              "key": "總氮"
            }
          ]
        }],
        //企業總數據
        orgList: [{
            "orgName": "金石工業園0",
            "orgCode": "0",
            "lat": "37.950951",
            "lng": "114.317434",
            'num': "0000001",
            'orgTag': ['污染最多', '污染最大'],
            "alarmState": 0
          },
          {
            "orgName": "金石工業園1",
            "orgCode": "1",
            "lat": "38.026031",
            "lng": "114.428968",
            'num': "0000002",
            'orgTag': ['污染最多', '污染最大'],
            "alarmState": 1
          },
        ]
var myIconInfo = new BMap.Icon("../static/img/grey.png", new BMap.Size(80, 80), {
                anchor: new BMap.Size(25, 42)
              });
              var myIconjianzhu = new BMap.Icon("../static/img/jianzhu.png", new BMap.Size(35, 35), {
                anchor: new BMap.Size(10, 30)
              });
              var myIconGreen = new BMap.Icon("../static/img/green.png", new BMap.Size(80, 80), {
                anchor: new BMap.Size(10, 30)
              });
              var myIconAlarm = new BMap.Icon("../static/img/red.png", new BMap.Size(80, 80), {
                anchor: new BMap.Size(10, 30)
              });
               //排污口總處理
               for (var i in mapdatas) {
                //根據判斷設置圖標--排口
                var marker = new BMap.Marker(new BMap.Point(mapdatas[i].outletLng, mapdatas[i].outletLat), {
                  icon: myIconInfo
                });
               bm.addOverlay(marker); 
              }
                 //企業總處理
              for (var m in orgList) {
                //根據判斷設置圖標--企業

                if (orgList[m].alarmState == 0) {
                  var marker = new BMap.Marker(new BMap.Point(orgList[m].lng, orgList[m].lat), {
                    icon: myIconGreen
                  });
                } else {
                  var marker = new BMap.Marker(new BMap.Point(orgList[m].lng, orgList[m].lat), {
                    icon: myIconAlarm
                  });
                }
                bm.addOverlay(marker); 
              }
              //排放地點總處理
              for (var b in mapdatas) {
                //根據判斷設置圖標--排放地址
                var marker = new BMap.Marker(new BMap.Point(mapdatas[b].endLng, mapdatas[b].endLat), {
                  icon: myIconjianzhu
                });
                bm.addOverlay(marker); // 將標註添加到地圖中
              }

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章