LocationPointScene.ts 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. import { mainScene } from "@/assets/graphy";
  2. import { MarkerItem } from './MarkerItem.js'
  3. import { SGraphyScene, SMouseEvent } from "@sybotan-web/graphy";
  4. import { dataItemPath, dataItem, dataSpaceItem, dataInterface, PolygonItemInterface, ImgItemInterface } from '@/assets/graphy/SGraphy/dataType.js' //传入参数的参数接口类型
  5. /**
  6. * 位置标签绘制旗子
  7. *
  8. * @author haojianlong
  9. */
  10. export class LocationPointScene extends mainScene {
  11. /**
  12. * 构造函数
  13. *
  14. * @param data
  15. */
  16. constructor(data: dataInterface | null) {
  17. super(data)
  18. }
  19. /**
  20. * 将旗子添加到列表中
  21. *
  22. * @param flagList 旗子list
  23. */
  24. addFlagList(flagList: ImgItemInterface[]): void {
  25. if (flagList && flagList.length) {
  26. flagList.map(t => {
  27. let flag = new MarkerItem(null, t.id, t.name);
  28. flag.moveTo(t.X, t.Y);
  29. flag.zOrder = 9999999;
  30. flag.connect('click', this, this.flagClick)
  31. this.addItem(flag);
  32. })
  33. }
  34. }
  35. /**
  36. * @param item 点击的旗子item
  37. * @param event 点击的事件
  38. */
  39. flagClick(item: MarkerItem, event: SMouseEvent) {
  40. console.log(this.data)
  41. console.log(arguments)
  42. alert(1)
  43. }
  44. }