@ohuoy/easymap 1.0.14 → 1.0.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ohuoy/easymap",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "description": "self map easy use",
   "main": "main.js",
   "scripts": {

package/src/components/index.js

@@ -15,6 +15,7 @@ import ThreeWallLayer from './layer/ThreeWallLayer'
 import AnimationBarbsLayer  from './layer/AnimationBarbsLayer'
 import PathLineLayer from './layer/PathLineLayer'
 import ExtrusionLayer from './layer/ExtrusionLayer'
+import MarkerAreaLayer from './layer/MarkerAreaLayer'
 export{
     EasyMapMarker,
     LineTool,
@@ -28,5 +29,6 @@ export{
     ThreeWallLayer,
     AnimationBarbsLayer,
     PathLineLayer,
-    ExtrusionLayer
+    ExtrusionLayer,
+    MarkerAreaLayer
 } 

package/src/components/layer/MarkerAreaLayer.js

@@ -0,0 +1,40 @@
+
+import {hasProperty,transform,downloadFileByBase64, sleep} from '../../utils/util'
+import  mapboxgl from '../../../lib/mapbox-gl/dist/mapbox-gl.js';
+import * as THREE from 'three'
+import { Threebox } from  'threebox-plugin'; 
+var tb = {}; 
+let markerGroup = new THREE.Group();
+export default class MarkerAreaLayer{
+    markerArr = []
+    opacity = 0.8
+    textClass = ''
+    constructor(id,config) {
+        this.id = id;
+        this.opacity = config?.opacity ? Number(config.opacity):0.8
+        this.type = 'custom';
+        this.renderingMode = '2d';        
+    }
+
+    addMarkerList(markerList){
+        
+    }
+
+    onAdd(map, gl) {
+        this.map = map;    
+        tb = new Threebox(
+          map,
+          gl, //get the context from Mapbox
+          { defaultLights: true ,passiveRendering:false}
+        );   
+        tb.add(markerGroup)       
+    }
+    render(gl, matrix) {      
+        tb.update(); 
+        this.map.triggerRepaint();
+    }
+  
+   
+}
+
+