marker选中与取消选中的效果
选中人员定位都地图上的marker,绿色为选中效果
目前使用的是判断人员是否选中,2张icon根据选中状态进行切换。
function addMarker(pointArr) {
var markerIcon;
map.clearMap();
checkedMarker = [];
markers = [];
for(var i =0; i<pointArr.length; i++){
if($('#'+pointArr[i].userId).hasClass('checkboxOn')){
markerIcon = "/guard/static/images/map/ic_maker_dispose.png";
checkedPoint = new AMap.Marker({
map: map,
position: [pointArr[i].longitude, pointArr[i].latitude],
raiseOnDrag: true,
opacity: 1,
icon: markerIcon
});
// 设置label标签
checkedPoint.setLabel({
offset: new AMap.Pixel(0, 45),
content: pointArr[i].personName
})
}else{
markerIcon = "/guard/static/images/map/ic_maker_no_dispose.png"
points = new AMap.Marker({
map: map,
position: [pointArr[i].longitude, pointArr[i].latitude],
raiseOnDrag: true,
opacity: 1,
icon: markerIcon
});
// 设置label标签
points.setLabel({
offset: new AMap.Pixel(-13, 42),
content: pointArr[i].personName
})
checkedMarker.push(checkedPoint);
markers.push(points);
}
}
map.setFitView();
}