Как использовать значок добавления мафилита (или изображение) в области карты? - PullRequest
Новая
       36

Как использовать значок добавления мафилита (или изображение) в области карты?

1 голос
/ 09 октября 2019

Я использовал jquery.maphilight, html карту и область на макете layout

Это мой кодовый макет. (здесь кодовый указатель) Я хочу добавить значок статуса / изображение в область красного цвета, как это layout2

, так что ... что мне делать? Если jquery.maphilight не может этого сделать, могли бы порекомендовать мне другой javascript? 

<!DOCTYPE html>
<html>
  <head></hrad>
  <body>
    <div>
<img style="width: 800px;height:600px;background-repeat:no-repeat;" src="https://online.visual-paradigm.com/images/features/floor-plan-designer/thumbnails/work-office-floorplan-template-02.png"  alt="" usemap="#PClayout">
    </div>
    <map name="PClayout">
<!--        working -->
      <area shape="rect" coords="200,100,300,200" id='PC1' href="#">

<!--        close-->
      <area shape="rect" coords="490,100,600,200" id='PC2' href="#">
<!--        Error-->
      <area shape="rect" coords="200,250,300,350" id='PC3' href="#">
    </map>
  </body>
</html>

function layoutalert(el, Color){
  var data = $(el).data('maphilight') || {};
  data.alwaysOn = true;
  data.fillColor = Color;
  data.strokeColor = Color;
  $(el).data('maphilight', data).trigger('alwaysOn.maphilight');
  $(el).data('maphilight', data).trigger('fillColor.maphilight');
  $(el).data('maphilight', data).trigger('strokeColor.maphilight');
}
layoutalert("#PC1", '00ff00')
layoutalert("#PC2", 'ff0000')
layoutalert("#PC3", 'ff0000')
$('img[usemap]').maphilight();
...