在数据库中显示地图信息的按钮

时间:2018-12-10 16:00:15

标签: node.js angular typescript

我使用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

  }),

0 个答案:

没有答案