我使用bingmaps和openlayer v5.3,并且代码在后端的angular2和node.js上。
在地图上,我有2种图标-如果在最后30秒钟内还活着,则显示绿色;如果在30秒钟内没有活着,则显示红色。
我要启用3个按钮: 1.显示所有活动图标 2.仅显示离线图标 3.全部显示-活动和离线图标
我该怎么做?
createMarker(insertionTime){
console.log("creating marker");
// set feature style
var imgSrc = 'https://png.icons8.com/rhombus/p1em/25/27ae60';
var now = new Date();
var now_withoutGMT = now.getTime() - now.getTimezoneOffset()*60000
var timeDiff = now_withoutGMT - Date.parse(insertionTime);
if (timeDiff > 30000) // 30 sec
imgSrc = 'https://png.icons8.com/rhombus/p1em/25/c0392b';
var iconStyle = new ol.style.Style({
image: new ol.style.Icon({
opacity: 1,
src: imgSrc
}),