(function ($, BMap, window) {
|
var sensorNames = {
|
"e1": ["PM2.5", "ug/m3"],
|
"e2": ["PM10", "ug/m3"],
|
"e3": ["颗粒物0.3", "PCS/0.1L"],
|
"e4": ["颗粒物2.5", "PCS/0.1L"],
|
"e5": ["甲醛", "mg/m3"],
|
"e6": ["湿度", "%"],
|
"e7": ["温度", "℃"],
|
"e8": ["氧气", "%"],
|
"e9": ["氯气", "mg/m3"],
|
"e10": ["一氧化碳", "mg/m3"],
|
"e11": ["二氧化硫", "ug/m3"],
|
"e12": ["光照", "Lux"],
|
"e13": ["噪音", "dB"],
|
"e14": ["氨气", "mg/m3"],
|
"e15": ["臭氧", "ug/m3"],
|
"e16": ["二氧化氮", "ug/m3"],
|
"e17": ["挥发有机气体", "PPB"],
|
"e18": ["风速", "m/s"],
|
"e19": ["二氧化碳", "mg/m3"]
|
}
|
var showSensorKeys = ["e1", "e2", "e10", "e11", "e15", "e16"];
|
var moralMap = {};
|
var baiduMap = null;
|
|
/*
|
* 百度地图初始化
|
*/
|
moralMap.mapInit = function () {
|
var defaultParam = {
|
minZoom: 12,
|
maxZoom: 20,
|
enableMapClick: false
|
};
|
if (!!arguments[1]) {
|
$.extend(defaultParam, arguments[1]);
|
}
|
baiduMap = new BMap.Map("mapCanvas", defaultParam); // 创建Map实例,设置地图允许的最小/大级别
|
var map = baiduMap;
|
var mapStyle = {
|
features: ["road", "building", "water", "land"], //隐藏地图上的poi
|
style: "normal" //设置地图风格为高端黑
|
}
|
map.setMapStyle(mapStyle);
|
var showZoom = !!arguments[2]
|
&& arguments[2] <= defaultParam.maxZoom
|
&& arguments[2] >= defaultParam.minZoom ? arguments[2] : 12;
|
var address = arguments[0];
|
var regoinNames = address.split(" ");
|
var cityName = regoinNames.length > 1 ? regoinNames[1] : regoinNames[0];
|
if (cityName == "市辖区" || cityName == "县" || cityName == "省直辖县级行政区划") {
|
cityName = regoinNames[2];
|
}
|
map.setCurrentCity(cityName);
|
// 将地址解析结果显示在地图上,并调整地图视野
|
// 创建地址解析器实例
|
var myGeo = new BMap.Geocoder();
|
address = address.replace(/\s*/g, "");
|
myGeo.getPoint(address, function (point) {
|
if (point) {
|
if ("大同市" == cityName) {
|
var longitude = 113.30640743;
|
var latitude = 40.08256467;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("阿拉善盟" == cityName) {
|
var longitude = 105.733648;
|
var latitude = 38.858951;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("乌兰察布市" == cityName) {
|
var longitude = 113.136019;
|
var latitude = 41.001403;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("宜宾市" == cityName) {
|
var longitude = 104.647678;
|
var latitude = 28.758767;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("那曲地区" == cityName) {
|
var longitude = 92.056768;
|
var latitude = 31.482684;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("永川区" == cityName) {
|
var longitude = 105.930055;
|
var latitude = 29.363305;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("大足区" == cityName) {
|
var longitude = 105.727253;
|
var latitude = 29.714369;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("铜梁区" == cityName) {
|
var longitude = 106.061728;
|
var latitude = 29.852264;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("綦江区" == cityName) {
|
var longitude = 106.654609;
|
var latitude = 29.035883;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("万盛区" == cityName) {
|
var longitude = 106.889359;
|
var latitude = 28.907664;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("丰都县" == cityName) {
|
var longitude = 107.735181;
|
var latitude = 29.869663;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("垫江县" == cityName) {
|
var longitude = 107.336118;
|
var latitude = 30.334042;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("忠县" == cityName) {
|
var longitude = 108.04224;
|
var latitude = 30.30452;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("城口县" == cityName) {
|
var longitude = 108.671036;
|
var latitude = 31.953145;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("巫溪县" == cityName) {
|
var longitude = 109.576402;
|
var latitude = 31.40266;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("巫山县" == cityName) {
|
var longitude = 109.879221;
|
var latitude = 31.087199;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("奉节县" == cityName) {
|
var longitude = 109.468749;
|
var latitude = 31.024849;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("石柱土家族自治县" == cityName) {
|
var longitude = 108.118685;
|
var latitude = 30.006859;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("彭水苗族土家族自治县" == cityName) {
|
var longitude = 108.17085;
|
var latitude = 29.301729;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("酉阳土家族苗族自治县" == cityName) {
|
var longitude = 108.774583;
|
var latitude = 28.848811;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("秀山土家族苗族自治县" == cityName) {
|
var longitude = 109.011853;
|
var latitude = 28.454209;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("东方市" == cityName) {
|
var longitude = 108.656267;
|
var latitude = 19.101378;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("万宁市" == cityName) {
|
var longitude = 110.397709;
|
var latitude = 18.799833;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("五指山市" == cityName) {
|
var longitude = 109.522965;
|
var latitude = 18.782911;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("琼海市" == cityName) {
|
var longitude = 110.47882;
|
var latitude = 19.265073;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("屯昌县" == cityName) {
|
var longitude = 110.105702;
|
var latitude = 19.358194;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("定安县" == cityName) {
|
var longitude = 110.363233;
|
var latitude = 19.686848;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("文昌市" == cityName) {
|
var longitude = 110.803934;
|
var latitude = 19.549335;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("澄迈县" == cityName) {
|
var longitude = 110.010636;
|
var latitude = 19.745166;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("临高县" == cityName) {
|
var longitude = 109.693419;
|
var latitude = 19.920291;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("保亭黎族苗族自治县" == cityName) {
|
var longitude = 109.702907;
|
var latitude = 18.647732;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("陵水黎族自治县" == cityName) {
|
var longitude = 110.045039;
|
var latitude = 18.513155;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("琼中黎族苗族自治县" == cityName) {
|
var longitude = 109.842786;
|
var latitude = 19.041625;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("昌江黎族自治县" == cityName) {
|
var longitude = 109.060164;
|
var latitude = 19.304817;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("白沙黎族自治县" == cityName) {
|
var longitude = 109.453447;
|
var latitude = 19.232744;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("儋州市" == cityName) {
|
var longitude = 109.588035;
|
var latitude = 19.526327;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("红河哈尼族彝族自治州" == cityName) {
|
var longitude = 103.380977;
|
var latitude = 23.380877;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("西双版纳傣族自治州" == cityName) {
|
var longitude = 100.800568;
|
var latitude = 22.023519;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("普洱市" == cityName) {
|
var longitude = 100.972567;
|
var latitude = 22.830712;
|
point = new BMap.Point(longitude, latitude);
|
} else if ("渝北区" == cityName) {
|
var longitude = 106.638135;
|
var latitude = 29.709625;
|
point = new BMap.Point(longitude, latitude);
|
}
|
map.centerAndZoom(point, showZoom);
|
} else {
|
alert("您选择地址没有解析到结果!");
|
}
|
}, cityName);
|
//增加导航控件
|
map.enableScrollWheelZoom(true);
|
var navigation = new BMap.NavigationControl({
|
anchor: BMAP_ANCHOR_BOTTOM_RIGHT,
|
type: BMAP_NAVIGATION_CONTROL_LARGE
|
});
|
map.addControl(navigation);
|
}
|
moralMap.closeSearchBox = function () {
|
moralMap["_searchBoxKey"] = Math.random();
|
$(".search_box").css("display", "none");
|
}
|
//延时开启
|
moralMap.openSearchBox = function () {
|
key = Math.random();
|
moralMap["_searchBoxKey"] = key;
|
setTimeout(function () {
|
if (moralMap["_searchBoxKey"] == key) {
|
$(".search_box").css("display", "block");
|
}
|
}, 1500);
|
}
|
/*
|
* ----------------适配方法------------------------
|
*/
|
moralMap.addEventListener = function (type, fn) {
|
baiduMap.addEventListener(type, function () {
|
if (type == "zoomstart") {
|
moralMap._zoomStartHandle();
|
} else if (type == "zoomend") {
|
moralMap._zoomEndHandle();
|
}
|
fn.apply(baiduMap, arguments);
|
});
|
}
|
moralMap._zoomStartHandle = function () {
|
baiduMap.closeInfoWindow();
|
moralMap.startZoom(baiduMap.getZoom());
|
}
|
moralMap._zoomEndHandle = function () {
|
if ($(".search_box").css("display") == "none") {
|
moralMap.openSearchBox();
|
}
|
var endZoom = baiduMap.getZoom();
|
var startZoom = moralMap.startZoom();
|
//刷新key防止延迟加载
|
// var key = moralMap.lazyKeyer();
|
var confine = moralMap.getZoomConfine();
|
moralMap.layer("equipments");
|
moralMap.clearOverlays();
|
}
|
moralMap.layer = (function () {
|
var _layers = ["equipments", "monitorpoints"];
|
var _layer = "monitorpoints";
|
return function (layer) {
|
if (layer == undefined) {
|
return _layer;
|
} else {
|
for (var i in _layers) {
|
if (layer == _layers[i]) {
|
_layer = layer;
|
}
|
}
|
}
|
}
|
})();
|
// 坐标适配器
|
moralMap.Bounds = function (baiduBounds) {
|
if (!!baiduBounds) {
|
this.northeastLng = baiduBounds.getNorthEast().lng;//东北角经度，大一点
|
this.northeastLat = baiduBounds.getNorthEast().lat;//东北角纬度，大一点
|
this.southwestLng = baiduBounds.getSouthWest().lng;//西南角经度坐标，小一点
|
this.southwestLat = baiduBounds.getSouthWest().lat;//西南角经度坐标，小一点
|
} else {
|
this.northeastLng = null;//东北角经度，大一点
|
this.northeastLat = null;//东北角纬度，大一点
|
this.southwestLng = null;//西南角经度坐标，小一点
|
this.southwestLat = null;//西南角经度坐标，小一点
|
}
|
}
|
moralMap.getBounds = function () {
|
return new moralMap.Bounds(baiduMap.getBounds()); //即时bounds;
|
}
|
moralMap.getMaxBounds = function () {
|
var key = "_" + moralMap.layer() + "_bounds";
|
return this[key];
|
}
|
moralMap.setMaxBounds = function (bs) {
|
var key = "_" + moralMap.layer() + "_bounds";
|
var _bounds = !!this[key] ? this[key] : new moralMap.Bounds(); //累积数据
|
//记录最大边界
|
_bounds.northeastLng = _bounds.northeastLng || bs.northeastLng;
|
_bounds.northeastLat = _bounds.northeastLat || bs.northeastLat;
|
_bounds.southwestLng = _bounds.southwestLng || bs.southwestLng;
|
_bounds.southwestLat = _bounds.southwestLat || bs.southwestLat;
|
_bounds.northeastLng = bs.northeastLng > _bounds.northeastLng ? bs.northeastLng : _bounds.northeastLng;
|
_bounds.northeastLat = bs.northeastLat > _bounds.northeastLat ? bs.northeastLat : _bounds.northeastLat;
|
_bounds.southwestLng = bs.southwestLng < _bounds.southwestLng ? bs.southwestLng : _bounds.southwestLng;
|
_bounds.southwestLat = bs.southwestLat < _bounds.southwestLat ? bs.southwestLat : _bounds.southwestLat;
|
this[key] = _bounds;
|
}
|
moralMap.isOverBounds = function () {
|
var isOver = false;
|
var _bounds = moralMap.getMaxBounds(); //累计数据
|
var bs = moralMap.getBounds(); //实际数据
|
if (!_bounds) {
|
isOver = true;
|
moralMap.setMaxBounds(bs);
|
} else {
|
isOver = (bs.northeastLng > _bounds.northeastLng
|
|| bs.northeastLat > _bounds.northeastLat
|
|| bs.southwestLng < _bounds.southwestLng
|
|| bs.southwestLat < _bounds.southwestLat);
|
if (isOver) {
|
moralMap.setMaxBounds(bs);
|
}
|
}
|
|
return isOver;
|
}
|
moralMap.addOverlay = function (overlay) {
|
if (overlay.getMap() != baiduMap) {
|
// setTimeout(function(){
|
baiduMap.addOverlay.call(baiduMap, overlay);
|
// },10);
|
baiduMap.addOverlay.call(baiduMap, overlay);
|
}
|
}
|
moralMap.addOverlays = function (overlays) {
|
if (overlays != null && typeof overlays == 'object') {
|
for (var i in overlays) {
|
moralMap.addOverlay(overlays[i]);
|
}
|
}
|
|
}
|
moralMap.removeOverlay = function (overlay) {
|
// baiduMap.removeOverlay(overlay);
|
baiduMap.removeOverlay.apply(baiduMap, arguments);
|
}
|
moralMap.removeOverlays = function (overlays) {
|
if (overlays != null && typeof overlays == 'object') {
|
for (var i in overlays) {
|
moralMap.removeOverlay(overlays[i]);
|
}
|
}
|
}
|
moralMap.getOverlays = function () {
|
var overLays = baiduMap.getOverlays.apply(baiduMap, arguments)
|
var moralMarker = [];
|
for (var i in overLays) {
|
if (overLays[i] instanceof BMap.Overlay) {
|
moralMarker.push(overLays[i]);
|
}
|
}
|
return moralMarker;
|
}
|
moralMap.clearCloseInfoWindow = function () {
|
if (!!moralMap["_closeInfoWinTimer"]) {
|
clearTimeout(moralMap["_closeInfoWinTimer"]);
|
moralMap["_closeInfoWinTimer"] = null;
|
}
|
}
|
moralMap.openInfoWindow = function () {
|
moralMap.clearCloseInfoWindow();
|
baiduMap.openInfoWindow.apply(baiduMap, arguments); //开启信息窗口
|
}
|
moralMap.closeInfoWindow = function () {
|
var timer = setTimeout(function () {
|
baiduMap.closeInfoWindow.apply(baiduMap, arguments);
|
moralMap["_closeInfoWinTimer"] = null;
|
}, 500);
|
moralMap["_closeInfoWinTimer"] = timer;
|
}
|
moralMap.clearOverlays = function () {
|
baiduMap.clearOverlays();
|
}
|
moralMap.startZoom = (
|
function () {
|
var _zoom = null;
|
return function (z) {
|
if (z == undefined) {
|
return _zoom;
|
} else {
|
_zoom = z;
|
}
|
}
|
}
|
)();
|
moralMap.lazyKeyer = (function () {
|
var _key = null;
|
return function (key) {
|
if (key == undefined) {
|
_key = Math.random();
|
return _key;
|
} else {
|
return _key == key;
|
}
|
};
|
})();
|
moralMap.getUtf8Length = function (str) {
|
return str.replace(/[\u0391-\uFFE5]/g, "cc").length;
|
}
|
//弹窗处理
|
moralMap.showPopupbox = function (id) {
|
setTimeout(function () {
|
$(id).css('display', 'block');
|
}, 1);
|
}
|
moralMap.closePopupbox = function (id) {
|
$(id).css('display', 'none');
|
}
|
moralMap.isPopupBoxShow = function (id) {
|
return $(id).css('display') == 'block';
|
}
|
moralMap.onItermClick = function (index, select) {
|
var row = moralMap.getPopupEqu(index);
|
if (row['mac'] == null) {
|
alert("mac项未配置，请联系管理员设置");
|
return;
|
}
|
var equ = {
|
methodName: 'showVoc' == select ? 'showVoc' : 'showDeviceMonitor',
|
name: row['name'],
|
mac: (row['mac']).toLowerCase(),
|
longitude: row['longitude'],
|
latitude: row['latitude'],
|
monitorPointId: row['monitorPointId'],
|
version: row['deviceVersion']['version'],
|
provinceCode: row['monitorPoint']['provinceCode']
|
};
|
!!select ? equ['monitorPointId'] = row["monitorPointId"] : null;
|
var equStr = JSON.stringify(equ);
|
if (window["console"] != undefined) {
|
// console.log(equStr);
|
}
|
if (!!window['external'] && !!window['external']['callWin']) {
|
window['external'].callWin(equStr);
|
} else {
|
if (!!select && select === 'showVoc' && !!window['external'] && !!window['external']['showVocInfo']) {
|
window['external'].showChartInfo(equStr);
|
} else {
|
alert(equStr);
|
}
|
}
|
|
}
|
moralMap.setPopupEqus = function (arr) {
|
moralMap["_equs"] = arr;
|
}
|
moralMap.getPopupEquMacs = function () {
|
var macs = [];
|
if (moralMap["_equs"] != null) {
|
for (var i in moralMap["_equs"]) {
|
var equ = moralMap["_equs"][i];
|
macs.push(equ["mac"]);
|
}
|
}
|
return macs;
|
}
|
moralMap.getPopupEqu = function (index) {
|
if (typeof moralMap["_equs"] === 'object') {
|
return moralMap["_equs"][index];
|
}
|
throw "equs is empty";
|
}
|
//{id:必填，url：,pagesize:}
|
//list加载
|
moralMap.initListView = function (option) {
|
var listView = {
|
load: function (url) {
|
if (url != undefined) {
|
$.extend(option, {
|
"url": url
|
});
|
}
|
option["pageNo"] = 1;
|
_load(option);
|
}
|
};
|
listView["option"] = option;
|
listView.refreshState = function (equstates) {
|
if (equstates != null) {
|
for (var i in equstates) {
|
var equstate = equstates[i];
|
var mac = equstate["mac"];
|
var state = equstate["state"];
|
var id_select = "#listview_state_" + mac;
|
var stateObj = _getStateMap(state);
|
var stateClass = stateObj["state"];
|
var stateName = stateObj["stateName"];
|
if (!$(id_select).hasClass(state)) {
|
$(id_select).attr("class", stateClass);
|
$(id_select).text(stateName);
|
}
|
}
|
}
|
}
|
|
function _getStateMap(s) {
|
var state;
|
var stateName;
|
switch (parseInt(s)) {
|
case 0:
|
state = 'state00';
|
stateName = '正常';
|
break;
|
case 1:
|
state = 'state01';
|
stateName = '轻度';
|
break;
|
case 2:
|
state = 'state02';
|
stateName = '中度';
|
break;
|
case 3:
|
state = 'state03';
|
stateName = '严重';
|
break;
|
case 4:
|
state = 'state04';
|
stateName = '离线';
|
break;
|
}
|
return {
|
"state": state,
|
"stateName": stateName
|
};
|
}
|
|
function _load(option) {
|
if (option['url'] != null && option['url'] != "") {
|
var pageSize = option["pageSize"] || 20;
|
var pageNo = option["pageNo"] || 1;
|
var url = option['url'];
|
url += "&pageNo=" + pageNo;
|
url += "&pageSize=" + pageSize;
|
// console.log(url);
|
$.ajax({
|
type: "get",
|
cache: false,
|
url: url,
|
async: true,
|
success: function (res) {
|
if (res != null && res.total != null) {
|
var rows = res.data;
|
if (rows == null || rows.length == 0) {
|
$(option['id']).html("没有查询到任何数据！");
|
return;
|
}
|
//储存设备信息
|
moralMap.setPopupEqus(rows);
|
var outHtml = "<ul class='list'>";
|
for (var i = 0; i < rows.length; i++) {
|
var e = rows[i];
|
var state = 'state01';
|
var stateName = '';
|
var s = e['state'] == undefined ? 0 : e['state'];
|
if (deviceStates) {
|
for (var j in deviceStates) {
|
var deviceState = deviceStates[j];
|
if (deviceState.mac == e['mac']) {
|
s = deviceState.state;
|
break;
|
}
|
}
|
}
|
var stateObj = _getStateMap(s);
|
state = stateObj["state"];
|
stateName = stateObj["stateName"];
|
var name = e['name'];
|
if (moralMap.getUtf8Length(name) > 22) {
|
var stop1 = 0;
|
for (var stop1_i = 0, len = 0; stop1_i < name.length; stop1_i++) {
|
len += ((name.charCodeAt(stop1_i) & 0xff00) != 0) ? 2 : 1;
|
stop1 = stop1_i;
|
if (len > 8) break;
|
}
|
var stop2 = 0;
|
for (var stop2_i = name.length - 1, len = 0; stop2_i >= 0; stop2_i--) {
|
len += ((name.charCodeAt(stop2_i) & 0xff00) != 0) ? 2 : 1;
|
stop2 = stop2_i;
|
if (len > 10) break;
|
}
|
name = name.substring(0, stop1) + "..." + name.substring(stop2, name.length);
|
}
|
var li = "<li id='listview_item_" + e['mac'] + "'><span class='list-chart-span' onclick=moralMap.onItermClick(\"" + i + "\",'showVoc')><img src='/img/list.png' width='20px'></span>"
|
+ "<span id='listview_state_" + e['mac'] + "'class='" + state + "'>" + stateName + "</span>" +
|
"<div>" + name + "</div></li>";
|
outHtml += li;
|
}
|
outHtml += "</ul>";
|
var total = res['total'];
|
var totalPage = Math.ceil(total / pageSize);
|
if (totalPage > 1) {
|
outHtml += "<div id='page' class='page_div'></div>";
|
}
|
$(option['id']).html(outHtml);
|
if (totalPage > 1) {
|
$("#page").paging({
|
pageNo: pageNo,
|
totalPage: totalPage,
|
totalSize: total,
|
callback: function (num) {
|
//先清空内容
|
$(option['id']).html("");
|
option["pageNo"] = num;
|
_load(option);
|
}
|
})
|
}
|
}
|
|
}
|
});
|
}
|
}
|
|
return listView;
|
}
|
|
moralMap.MoralMarker = function (option) {
|
var _option = option;
|
var _pointObj = new BMap.Point(_option['longitude'], _option['latitude']);
|
var _iconObj = _getMapIcon(_option["state"]);
|
this._point = _pointObj;
|
|
//获取MapIcon私有方法
|
function _getMapIcon(state) {
|
state = state == null ? 0 : state;
|
var icon = _option["icon"];
|
//var url = icon["stateIcons"][state];
|
var url = icon["url"] + state + ".png";
|
return new BMap.Icon(url, new BMap.Size(icon["width"], icon["height"]), {
|
imageSize: new BMap.Size(icon["width"], icon["height"])
|
});
|
}
|
|
this.constructor.call(this, _pointObj, {
|
icon: _iconObj,
|
enableMassClear: true
|
})
|
//事件注册
|
var eventType = ['click'];
|
for (var index in eventType) {
|
var eventName = eventType[index];
|
if (_option[eventName] != undefined && typeof _option[eventName] == "function") {
|
var fn = _option[eventName];
|
this.addEventListener(eventName, function () {
|
//将arguments转换成数组
|
var args = Array.prototype.slice.call(arguments);
|
fn.apply(this, args);
|
});
|
}
|
}
|
return $.extend(this, {
|
refreshState: function (state) {
|
//状态发生变化的时候刷新 图标
|
if (_option['state'] != state) {
|
_option['state'] = state;
|
var iconObj = _getMapIcon(state);
|
this.setIcon(iconObj);
|
}
|
},
|
getOption: function () {
|
return _option;
|
},
|
setOption: function (option) {
|
_option = option;
|
}
|
})
|
}
|
|
|
moralMap.WindMarker = function (option, moralMap) {
|
var _option = option;
|
var _pointObj = new BMap.Point(_option['longitude'], _option['latitude']);
|
var _iconObj = _getWindIcon(0);
|
this._point = _pointObj;
|
|
function _getWindIcon(speedLevel) {
|
speedLevel = speedLevel == null ? 0 : speedLevel;
|
var windIcon = _option["windIcon"];
|
var windUrl = windIcon["url"] + speedLevel + ".png";
|
|
return new BMap.Icon(windUrl, new BMap.Size(windIcon["width"], windIcon["height"]), {
|
imageSize: new BMap.Size(windIcon["width"], windIcon["height"])
|
});
|
}
|
|
this.constructor.call(this, _pointObj, {
|
icon: _iconObj,
|
offset: new BMap.Size(0, -11),
|
enableMassClear: true
|
})
|
|
|
return $.extend(this, {
|
refreshWindDir: function (windDir, windSpeed) {
|
//状态发生变化的时候设置图标风向
|
if (windDir == undefined || windSpeed == undefined) {
|
moralMap.removeOverlay(this);
|
} else {
|
var speedLevel;
|
if (windSpeed >= 0 && windSpeed <= 0.2) {
|
speedLevel = 0;
|
} else if (windSpeed > 0.2 && windSpeed <= 1.5) {
|
speedLevel = 1;
|
} else if (windSpeed > 1.5 && windSpeed <= 3.3) {
|
speedLevel = 2;
|
} else if (windSpeed > 3.3 && windSpeed <= 5.4) {
|
speedLevel = 3;
|
} else if (windSpeed > 5.4 && windSpeed <= 7.9) {
|
speedLevel = 4;
|
} else if (windSpeed > 7.9 && windSpeed <= 10.7) {
|
speedLevel = 5;
|
} else if (windSpeed > 10.7 && windSpeed <= 13.8) {
|
speedLevel = 6;
|
} else if (windSpeed > 13.8 && windSpeed <= 17.1) {
|
speedLevel = 7;
|
} else if (windSpeed > 17.1) {
|
speedLevel = 8;
|
}
|
if (speedLevel == 0) {
|
moralMap.removeOverlay(this);
|
} else {
|
var iconObj = _getWindIcon(speedLevel);
|
this.setIcon(iconObj);
|
this.setRotation(windDir);
|
}
|
}
|
},
|
getOption: function () {
|
return _option;
|
},
|
setOption: function (option) {
|
_option = option;
|
},
|
|
})
|
|
}
|
|
//new BMap.Marker()这种写法IE7会报错，很奇葩
|
moralMap.MoralMarker.prototype = new BMap.Marker();
|
moralMap.WindMarker.prototype = new BMap.Marker();
|
//监控点对象 包装Mark对象
|
moralMap.Monitorpoint = function (option) {
|
if (monitorPointStates) {
|
for (var i in monitorPointStates) {
|
var state = monitorPointStates[i];
|
if (state.id == option.id) {
|
option.state = state.state;
|
}
|
}
|
}
|
var icon = {};
|
icon["stateIcons"] = ["/img/ico00.png", "/img/ico01.png", "/img/ico02.png", "/img/ico03.png", "/img/ico04.png"];
|
icon["url"] = "/img/ico0";
|
icon["width"] = 50;
|
icon["height"] = 50;
|
option["icon"] = icon;
|
var moralMarker = new moralMap.MoralMarker(option);
|
// var mark =new BMap.Marker(pointObj,{icon:iconObj});
|
//==================infoWindow-start============================
|
var infoWindow;
|
if (moralMarker["infoWindow"] == undefined) {
|
moralMarker["infoWindow"] = infoWindow;
|
}
|
|
//弹窗打开和关闭
|
moralMarker.addEventListener("click", function () {
|
var winOpts = {
|
width: 250, // 信息窗口宽度
|
height: 160, // 信息窗口高度
|
// title: getTitleOutHtml(), // 信息窗口标题
|
offset: new BMap.Size(-8, -5) //设置信息窗偏移
|
}
|
var winfowText = "<div style='width:250px'>";
|
var title = (option["name"] == null) ? "" : option["name"];
|
if (title.length > 13) {
|
title = title.slice(0, 13) + "...";
|
}
|
winfowText += "<p style='width:210px;font:bold 14px/16px arial,sans-serif;margin:0;color:#cc5522;white-space:nowrap;overflow:hidden'"
|
winfowText += "title='" + option["name"] + "'>";
|
winfowText += title + "</p>";
|
var listText = '<div id="equ_list" class="listview" style="min-height:50px;overflow:auto;max-height:140px;" ></div>';
|
winfowText = winfowText + listText + "</div>";
|
var infoWindow = new BMap.InfoWindow(winfowText, winOpts);
|
moralMap.openInfoWindow(infoWindow, this._point); //开启信息窗口
|
});
|
|
moralMarker.addEventListener("mouseout", function () {
|
// moralMap.closeInfoWindow();
|
});
|
//==================infoWindow-end============================
|
//储存监控点
|
moralMap.putMpoint(option['id'], moralMarker);
|
return moralMarker;
|
}
|
//储存MonitorPoint对象
|
moralMap.putMpoint = function (key, obj) {
|
if (moralMap['_mpoints'] == undefined) {
|
moralMap['_mpoints'] = {};
|
}
|
moralMap['_mpoints'][key] = obj;
|
}
|
//key为监控点id
|
moralMap.getMpoint = function (key) {
|
if (typeof moralMap['_mpoints'] === 'object') {
|
return moralMap['_mpoints'][key];
|
}
|
}
|
moralMap.getMpoints = function (key) {
|
return moralMap['_mpoints'];
|
}
|
moralMap.clearMpoints = function () {
|
if (moralMap['_mpoints'] != undefined) {
|
delete moralMap['_mpoints'];
|
}
|
|
}
|
|
var sensorsDescriptionMap;
|
var sensorsUnitMap;
|
$.ajax({
|
url: "getSensorsAllMap",
|
type: "get",
|
dataType: "json",
|
success: function (data) {
|
sensorsDescriptionMap = data[0];
|
sensorsUnitMap = data[1];
|
}
|
});
|
|
moralMap.Device = function (option) {
|
if (deviceStates) {
|
for (var i in deviceStates) {
|
var state = deviceStates[i];
|
if (state.id == option.id) {
|
option.state = state.state;
|
}
|
}
|
}
|
var windIcon = {};
|
windIcon["url"] = "/img/icoWind0";
|
windIcon["width"] = 25;
|
windIcon["height"] = 25;
|
option["windIcon"] = windIcon;
|
var windMarker = new moralMap.WindMarker(option, moralMap);
|
moralMap.putDevice(option['mac'], windMarker);
|
var refreshWindMarker = windMarker.refreshWindDir;
|
return $.extend(windMarker, {
|
refreshWindDir: function (data) {
|
if (data != null && data != "") {
|
this.setData(data); //更新数据
|
refreshWindMarker.call(this, data["e23"], data["e18"]);
|
}
|
},
|
setData: function (data) {
|
var option = this.getOption();
|
option["data"] = data;
|
this.setOption(option);
|
},
|
getData: function () {
|
return this.getOption()["data"];
|
}
|
});
|
}
|
|
//设备以mac为key储存
|
//监控点对象 包装MoralMark对象
|
moralMap.Equipment = function (option) {
|
if (deviceStates) {
|
for (var i in deviceStates) {
|
var state = deviceStates[i];
|
if (state.id == option.id) {
|
option.state = state.state;
|
}
|
}
|
}
|
var icon = {};
|
icon["stateIcons"] = ["/img/ico00.png", "/img/ico01.png", "/img/ico02.png", "/img/ico03.png", "/img/ico04.png"];
|
icon["url"] = "/img/ico0";
|
icon["width"] = 50;
|
icon["height"] = 50;
|
option["icon"] = icon;
|
var moralMarker = new moralMap.MoralMarker(option);
|
// var mark =new BMap.Marker(pointObj,{icon:iconObj});
|
//==================infoWindow-start============================
|
var infoWindow = (function () {
|
//生成信息框
|
var winOpts = {
|
width: 300, // 信息窗口宽度
|
title: getTitleOutHtml(), // 信息窗口标题
|
offset: new BMap.Size(-8, -5) //设置信息窗偏移
|
}
|
|
function getTitleOutHtml() {
|
//title太长用引号...
|
var title = (option["name"] == null) ? "" : option["name"];
|
if (title.length > 13) {
|
title = title.slice(0, 13) + "...";
|
}
|
var address = (option["address"] == null) ? "" : option["address"];
|
if (address.length > 18) {
|
address = address.slice(0, 18) + "...";
|
}
|
var titleOutHtml = "";
|
titleOutHtml += "<p style='width:210px;font:bold 14px/16px arial,sans-serif;margin:0;color:#cc5522;white-space:nowrap;overflow:hidden'"
|
titleOutHtml += "title='" + option["name"] + "'>";
|
titleOutHtml += title + "</p>";
|
titleOutHtml += "<p style='height: 18px;line-height: 18px;font-size: 12px'>地址： " + address + "</p>"
|
return titleOutHtml;
|
}
|
|
return new BMap.InfoWindow("", winOpts);
|
})();
|
|
if (moralMarker["infoWindow"] == undefined) {
|
moralMarker["infoWindow"] = infoWindow;
|
}
|
var mouseOverHandle = option['mouseover'];
|
moralMarker.addEventListener("mouseover", function () {
|
moralMap.showSensors = function (jsonData) {
|
var deviceSensors = jsonData;
|
var mac = deviceSensors["mac"];
|
if (!jsonData.hasOwnProperty('mac')) {
|
infoWindow.setContent("");
|
infoWindow.redraw();
|
} else {
|
if (mac == option['mac']) {
|
var adressOutHtml = '<div style="min-height:20px;overflow:auto;max-height:480px;font-size: 12px;" onmouseover="moralMap.clearCloseInfoWindow()" onmouseout="moralMap.closeInfoWindow()">';
|
var y, m, d, h, mm, s;
|
var date = new Date($.now());
|
y = 1900 + date.getYear();
|
m = "0" + (date.getMonth() + 1);
|
d = "0" + date.getDate();
|
h = "0" + date.getHours();
|
mm = "0" + date.getMinutes();
|
s = "0" + date.getSeconds();
|
date = y + "-" + m.substring(m.length - 2, m.length) + "-" + d.substring(d.length - 2, d.length) + " " + h.substring(h.length - 2, h.length) + ":" + mm.substring(mm.length - 2, mm.length) + ":" + s.substring(s.length - 2, s.length);
|
adressOutHtml += '<p style="height: 18px;line-height: 18px">' + "时间： " + date + " </p>";
|
for (var prop in jsonData) {
|
if (jsonData.hasOwnProperty(prop) && prop != 'ver' && prop != 'methodName' && prop != 'mac' && prop != 'time') {
|
for (var key in sensorsDescriptionMap) {
|
if (prop == key) {
|
var sensorsDescription = sensorsDescriptionMap[key];
|
}
|
}
|
for (var key in sensorsUnitMap) {
|
if (prop == key) {
|
var sensorsUnit = sensorsUnitMap[key];
|
if (sensorsUnit == null) {
|
sensorsUnit = "";
|
}
|
}
|
}
|
adressOutHtml += ('<p style="height: 18px;line-height: 18px">' + sensorsDescription + "：" + jsonData[prop] + sensorsUnit + "</p>");
|
}
|
}
|
adressOutHtml += "</div>";
|
infoWindow.setContent(adressOutHtml);
|
infoWindow.redraw();
|
}
|
}
|
}
|
// }
|
/* if (!$.isEmptyObject(sensorInfo)) {
|
moralMap.openInfoWindow(infoWindow, this._point); //开启信息窗口
|
}*/
|
moralMap.openInfoWindow(infoWindow, this._point); //开启信息窗口
|
});
|
|
moralMarker.addEventListener("mouseout", function () {
|
moralMap.closeInfoWindow();
|
});
|
|
//==================infoWindow-end============================
|
//储存监控点
|
moralMap.putEquipment(option['mac'], moralMarker);
|
var _super_refreshState = moralMarker.refreshState;
|
//$("#searchParam").val(option['mac']);
|
return $.extend(moralMarker, {
|
refreshState: function (data) {
|
if (data != null && data != "") {
|
var state = this.getOption()["state"];
|
this.setData(data); //更新数据
|
_super_refreshState.call(this, data["state"]);
|
}
|
},
|
setData: function (data) {
|
var option = this.getOption();
|
option["data"] = data;
|
this.setOption(option);
|
},
|
getData: function () {
|
return this.getOption()["data"];
|
}
|
});
|
}
|
//储存MonitorPoint对象
|
moralMap.putEquipment = function (key, obj) {
|
if (key != null && key != "") {
|
key = String.prototype.toLowerCase.call(key);
|
if (moralMap['_equipments'] == undefined) {
|
moralMap['_equipments'] = {};
|
}
|
moralMap['_equipments'][key] = obj;
|
}
|
}
|
moralMap.getEquipment = function (key) {
|
if (key == null) {
|
return null;
|
}
|
key = String.prototype.toLowerCase.call(key);
|
if (typeof moralMap['_equipments'] === 'object') {
|
return moralMap['_equipments'][key];
|
}
|
}
|
moralMap.getEquipments = function (key) {
|
return moralMap['_equipments'];
|
}
|
|
moralMap.putDevice = function (key, obj) {
|
if (key != null && key != "") {
|
key = String.prototype.toLowerCase.call(key);
|
if (moralMap['_devices'] == undefined) {
|
moralMap['_devices'] = {};
|
}
|
moralMap['_devices'][key] = obj;
|
}
|
}
|
|
moralMap.getDevice = function (key) {
|
if (key == null) {
|
return null;
|
}
|
key = String.prototype.toLowerCase.call(key);
|
if (typeof moralMap['_devices'] === 'object') {
|
return moralMap['_devices'][key];
|
}
|
}
|
|
moralMap.getDevices = function (key) {
|
return moralMap['_devices'];
|
}
|
|
moralMap.clearEquipments = function () {
|
if (moralMap['_equipments'] != undefined) {
|
delete moralMap['_equipments'];
|
}
|
}
|
moralMap.getZoomConfine = function () {
|
return 18;
|
}
|
moralMap.getZoom = function () {
|
return baiduMap.getZoom();
|
}
|
moralMap.getHorizonMarkers = function (isShow) {
|
var bounds = moralMap.getBounds();
|
var oldMarkerList;
|
var isShow = (isShow) ? baiduMap : null;
|
if (moralMap.layer() == "equipments") {
|
oldMarkerList = moralMap.getEquipments();
|
} else {
|
oldMarkerList = moralMap.getMpoints();
|
}
|
var markers = [];
|
if (oldMarkerList != null && typeof oldMarkerList == "object") {
|
for (var i in oldMarkerList) {
|
var oldmarker = oldMarkerList[i];
|
if (oldmarker != null && oldmarker instanceof BMap.Overlay && oldmarker.getMap() == isShow) {
|
var option = oldmarker.getOption();
|
if (typeof option == 'object') {
|
var longitude = option['longitude'];
|
var latitude = option['latitude'];
|
// 检索当前坐标范围内的组件
|
if (longitude < bounds.northeastLng && longitude > bounds.southwestLng && latitude < bounds.northeastLat && latitude > bounds.southwestLat) {
|
markers.push(oldmarker);
|
}
|
if ("国控站" === option["monitorPoint"]["description"]) {
|
var icon05 = new BMap.Icon("/img/ico05.png", new BMap.Size(50, 50));
|
var mark05 = new BMap.Marker(new BMap.Point(option["monitorPoint"]["longitude"], option["monitorPoint"]["latitude"]), {icon: icon05});
|
markers.push(mark05);
|
} else if ("省控站" === option["monitorPoint"]["description"]) {
|
var icon06 = new BMap.Icon("/img/ico06.png", new BMap.Size(50, 50));
|
var mark06 = new BMap.Marker(new BMap.Point(option["monitorPoint"]["longitude"], option["monitorPoint"]["latitude"]), {icon: icon06});
|
markers.push(mark06);
|
} else if ("县控站" === option["monitorPoint"]["description"]) {
|
var icon08 = new BMap.Icon("/img/ico08.png", new BMap.Size(50, 50));
|
var mark08 = new BMap.Marker(new BMap.Point(option["monitorPoint"]["longitude"], option["monitorPoint"]["latitude"]), {icon: icon08});
|
markers.push(mark08);
|
}
|
}
|
}
|
}
|
}
|
return markers;
|
}
|
|
moralMap.getHorizonWindMarkers = function (isShow) {
|
var bounds = moralMap.getBounds();
|
var oldWindMarkerList;
|
var isShow = (isShow) ? baiduMap : null;
|
if (moralMap.layer() == "equipments") {
|
oldWindMarkerList = moralMap.getDevices();
|
}
|
var markers = [];
|
if (oldWindMarkerList != null && typeof oldWindMarkerList == "object") {
|
for (var i in oldWindMarkerList) {
|
var oldWindMarker = oldWindMarkerList[i];
|
if (oldWindMarker != null && oldWindMarker instanceof BMap.Overlay && oldWindMarker.getMap() == isShow) {
|
var option = oldWindMarker.getOption();
|
if (typeof option == 'object') {
|
var longitude = option['longitude'];
|
var latitude = option['latitude'];
|
// 检索当前坐标范围内的组件
|
if (longitude < bounds.northeastLng && longitude > bounds.southwestLng && latitude < bounds.northeastLat && latitude > bounds.southwestLat) {
|
markers.push(oldWindMarker);
|
}
|
}
|
}
|
}
|
}
|
return markers;
|
}
|
|
moralMap.showPointMonitor = function (id) {
|
var mpointMarker = moralMap.getMpoint(id);
|
var mpoint = mpointMarker.getOption();
|
if (!!mpoint) {
|
delete mpoint['organization'];
|
delete mpoint['icon'];
|
delete mpoint['click'];
|
if (window["console"] != undefined) {
|
console.log(mpoint);
|
}
|
$.get("getvers?mptid=" + id, function (res) {
|
if (!!res && res.code == 1) {
|
mpoint['versions'] = res.data;
|
mpoint['methodName'] = 'showPointMonitor';
|
var mpointStr = JSON.stringify(mpoint);
|
if (!!window['external'] && window['external']['callWin']) {
|
window['external'].callWin(mpointStr);
|
} else {
|
alert(JSON.stringify(mpointStr));
|
}
|
}
|
})
|
} else {
|
if (window["console"] != undefined) {
|
console.log("option of mpointMarker is null");
|
console.log(mpointMarker);
|
}
|
}
|
|
}
|
|
moralMap.callJS = function (condition) {
|
var new_point = new BMap.Point(condition.longitude, condition.latitude);
|
baiduMap.panTo(new_point);
|
baiduMap.setCenter(new_point);
|
baiduMap.setZoom(condition.type == "mpoint" ? 17 : 18);
|
var interval = setInterval(function () {
|
var marker;
|
if (condition.type == "mpoint") {
|
marker = moralMap.getMpoint(condition.id);
|
} else if (condition.type == "device") {
|
marker = moralMap.getEquipment(condition.mac);
|
}
|
if (marker) {
|
clearInterval(interval);
|
moralMap.openInfoWindow(marker["infoWindow"], new_point);
|
}
|
}, 50);
|
|
}
|
|
var deviceStates;
|
var monitorPointStates;
|
moralMap.refreshState = function (states, orgId, regionCode, accountId) {
|
var state = JSON.stringify(states);
|
var state1 = $(".pp2").html()
|
var paramMap = {};
|
var abc = '';
|
paramMap["orgId"] = orgId;
|
paramMap["regionCode"] = regionCode;
|
paramMap["accountId"] = accountId;
|
paramMap["states"] = state;
|
paramMap["states1"] = state1;
|
$.ajax({
|
url: "/screen/tellAlarm",
|
type: "post",
|
dataType: "json",
|
data: paramMap,
|
success: function (info) {
|
var alarm = JSON.parse(JSON.stringify(info));
|
if (alarm.length > 0) {
|
$("#box").attr("style", "display:block;");//显示div
|
$("#tou").attr("style", "display:block;color: #d9534f;font-size: 20px;");//显示div
|
for (var i = 0; i < alarm.length; i++) {
|
var text = "<span style='line-height: 25px><p style='line-height: 25px'>";
|
var lookString = alarm[i][0]["time"] + " " + alarm[i][0]["name"];
|
for (var j = 0; j < alarm[i].length; j++) {
|
var value = "";
|
if (alarm[i].length > 1) {
|
if (j == 0) {
|
value = alarm[i][j]["sensor"] + "=" + alarm[i][j]["value"];
|
lookString = lookString + value;
|
} else {
|
value = alarm[i][j]["sensor"] + "=" + alarm[i][j]["value"];
|
lookString = lookString + "," + value;
|
}
|
} else {
|
value = alarm[i][j]["sensor"] + "=" + alarm[i][j]["value"];
|
lookString = lookString + value;
|
}
|
text = text + lookString + "超标" + "</p><hr></hr></span>";
|
$("#box1").prepend(text);
|
}
|
|
}
|
for (var j = 0; j < $("#box1").children("span").length; j++) {
|
if ($("#box1").children("span").length > 50) {
|
$("#box1 span:last").remove() ;
|
}
|
}
|
}
|
},
|
})
|
state1 = $(".pp2").html(state);
|
monitorPointStates = states;
|
deviceStates = [];
|
for (var i in states) {
|
var state = states[i];
|
for (var j in state.devices) {
|
var device = state.devices[j];
|
deviceStates.push(device);
|
}
|
}
|
listView.refreshState(deviceStates);
|
for (var i in states) {
|
var state = states[i];
|
var mpoint = moralMap.getMpoint(state.id);
|
if (mpoint) {
|
mpoint.refreshState(state.state);
|
}
|
for (var j in state.devices) {
|
var marker = state.devices[j];
|
var marker_mac = marker["mac"];
|
var equipment = moralMap.getEquipment(marker_mac);
|
if (equipment) {
|
equipment.refreshState(marker);
|
}
|
}
|
}
|
}
|
|
|
moralMap.getRoad = function (data, regionCode) {
|
|
var wind = data["e23"];
|
var mac = data["mac"];
|
var windSpeed = data["e18"];
|
var speedLevel;
|
if (windSpeed >= 0 && windSpeed <= 0.2) {
|
speedLevel = 0;
|
} else if (windSpeed > 0.2 && windSpeed <= 1.5) {
|
speedLevel = 1;
|
} else if (windSpeed > 1.5 && windSpeed <= 3.3) {
|
speedLevel = 2;
|
} else if (windSpeed > 3.3 && windSpeed <= 5.4) {
|
speedLevel = 3;
|
} else if (windSpeed > 5.4 && windSpeed <= 7.9) {
|
speedLevel = 4;
|
} else if (windSpeed > 7.9 && windSpeed <= 10.7) {
|
speedLevel = 5;
|
} else if (windSpeed > 10.7 && windSpeed <= 13.8) {
|
speedLevel = 6;
|
} else if (windSpeed > 13.8 && windSpeed <= 17.1) {
|
speedLevel = 7;
|
} else if (windSpeed > 17.1) {
|
speedLevel = 8;
|
}
|
|
$.ajax({
|
url: "/screen/getAlarm",
|
type: "get",
|
dataType: "json",
|
data: {"windData": wind, "code": regionCode, "mac": mac, "speedLevel": speedLevel},
|
success: function (info) {
|
console.log("---------------" + info);
|
},
|
|
})
|
}
|
|
moralMap.refreshWindDir = function (devicesInfo) {
|
var deviceInfo = devicesInfo;
|
var mac = deviceInfo["mac"];
|
var device = moralMap.getDevice(mac);
|
if (device) {
|
device.refreshWindDir(deviceInfo);
|
}
|
}
|
|
window.moralMap = moralMap;
|
})(jQuery, BMap, window);
|
