根据后台拿到的数据动态设置表单
<div class="con_devnews"></div>
var con_massage = []
con_massage.push('<div class="notis">' +
'<span style="font-weight:bold;">' +
'设备:001' +
',uid:001' +
',notis!' + '</span>' +
'<h4>' + '时间:2022/1/1' + '</h4>' +
'<p>' +'地址: address '+'</p>' +
'<span class="btn_notis">' +
'<button class="offnotis" onclick="offnotis($(this))">' +'关闭' + '</button>' +
'<button class="notisposition" onclick="notisposition($(this))">' +'快速定位' + '</button>' +
'</span>' + '<hr>' + '</div>')
$('.con_devnews').html(con_massage)
function offnotis(obj) { //参数是传过来的$(this)
console.log(con_massage);
var notisuid = (obj.closest('div')[0].innerText.split('uid:')[1].split(',')[0])
console.log(sosuid);
con_massage.forEach((i, index) => {
try {
if (i.split('uid:')[1].split(',')[0] == sosuid) {
// con_massage.splice(i, 1) //此法不可行
delete con_massage[index] //删除 符合条件的元素
}
} catch {
}
})
$('.con_devnews').html(con_massage)
// console.log(con_massage);
}
//notis快速定位
function notisposition(obj) {
var Icon = new AMap.Icon({
// 图标尺寸
size: new AMap.Size(32, 32),
// 图标的取图地址
image: './images/notis.png',
// 图标所用图片大小
imageSize: new AMap.Size(32, 32),
// 图标取图偏移量
imageOffset: new AMap.Pixel(0, 0)
});
var clickposition
try {
// console.log(reallnglatXYlist);
reallnglatXYlist.forEach((i) => {
console.log(obj.closest('div')[0].innerText);
if (i.split('/')[0] == obj.closest('div')[0].innerHTML.split('设备:')[1].split(',uid:')[0]) {
clickposition = [i.split('/')[1].split('-')[0], i.split('/')[1].split('-')[1]]
// console.log(clickposition);
var sosmarker = new AMap.Marker({
map: map,
position: clickposition,
icon: Icon,
offset: new AMap.Pixel(-16, -32),
title: '设备:' + i.split('/')[0]
});
map.panTo(clickposition)
}
})
} catch {
//myalert_notis('当前页面无法在地图上定位')
// layer.confirm('即将跳转到<Tips>页面 ', function (index) {
// window.location.replace('home.html')
// layer.close(index);
// })
}
}