64 lines
2.6 KiB
JavaScript
64 lines
2.6 KiB
JavaScript
|
/****************添加地图控件start********************/
|
|||
|
|
// 定义一个控件类，即function
|
|||
|
|
function LableControl() {
|
|||
|
|
// 设置默认停靠位置和偏移量
|
|||
|
|
this.defaultAnchor = BMAP_ANCHOR_BOTTOM_RIGHT;
|
|||
|
|
this.defaultOffset = new BMap.Size(10, 10);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//通过JavaScript的prototype属性继承于BMap.Control
|
|||
|
|
LableControl.prototype = new BMap.Control();
|
|||
|
|
//自定义控件必须实现initialize方法，并且将控件的DOM元素返回
|
|||
|
|
//在本方法中创建个div元素作为控件的容器，并将其添加到地图容器中
|
|||
|
|
LableControl.prototype.initialize = function (map) {
|
|||
|
|
//创建一个DOM元素
|
|||
|
|
var div = document.createElement("div");
|
|||
|
|
div.style.marginLeft = "3%";
|
|||
|
|
initControlLable(div);
|
|||
|
|
map.getContainer().appendChild(div);
|
|||
|
|
return div;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 创建地图控件内容
|
|||
|
|
* @param {Object} div
|
|||
|
|
*/
|
|||
|
|
function initControlLable(div) {
|
|||
|
|
var blueBall = dataUrl + 'img/map/球机蓝.png';
|
|||
|
|
var blueHat = dataUrl + 'img/map/安全帽蓝.png';
|
|||
|
|
var html = "<div id='content' class='btn-group-vertical' role='group' aria-label='...' >" +
|
|||
|
|
"<div style='height: 38px;width: 118px;background-color: darkgray;'>" +
|
|||
|
|
"<input type='checkbox' value='球机' checked='checked'style='position: relative;top: -10px;' onclick='loadLable(0,this);' />" +
|
|||
|
|
"<img src=" + blueBall + " style='margin-left: 0px;' width='35px' height='35px'/>" +
|
|||
|
|
"<span style='font-size:14px;color:#0950dc;position: relative;top: -13px;' id='bulbEngine'><strong>球机:0</strong></span>" +
|
|||
|
|
"</div>" +
|
|||
|
|
"<div style='height: 38px;width: 118px;background-color: darkgray;margin-top: 2%;'>" +
|
|||
|
|
"<input type='checkbox' value='安全帽' checked='checked' style='position: relative;top: -10px;' onclick='loadLable(1,this);'/>" +
|
|||
|
|
"<img src=" + blueHat + " style='margin-left:0px;' width='35px' height='35px'/>" +
|
|||
|
|
"<span style='font-size:14px;color:#0950dc;position: relative;top: -13px;' id='safetyHelmet'><strong>安全帽:0</strong></span>" +
|
|||
|
|
"</div>" +
|
|||
|
|
"</div>";
|
|||
|
|
div.innerHTML = html;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/****************添加地图控件end**********************/
|
|||
|
|
|
|||
|
|
function loadLable(type, that) {
|
|||
|
|
var isCheck = that.checked;
|
|||
|
|
var marks = map.getOverlays();
|
|||
|
|
if (isCheck) {//如果选中
|
|||
|
|
if (type == 0) {
|
|||
|
|
getBulbEngine(); // 获取球机
|
|||
|
|
} else if (type == 1) {
|
|||
|
|
getSafetyHelmet(); // 获取安全帽
|
|||
|
|
}
|
|||
|
|
} else {//未选中
|
|||
|
|
for (var i = 0; i < marks.length; i++) {
|
|||
|
|
var markType = marks[i].markerType;
|
|||
|
|
if (markType == type) {
|
|||
|
|
map.removeOverlay(marks[i]) // 移除覆盖物
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|