@ohuoy/easymap 1.0.13 → 1.0.15

package/main.js

@@ -15,6 +15,7 @@ import { UnrealBloomPass } from 'three/examples/jsm/postprocessing/UnrealBloomPa
 import { LineGeometry } from 'three/addons/lines/LineGeometry.js';
 import { Line2 } from 'three/addons/lines/Line2.js';
 import {LineMaterial} from 'three/examples/jsm/lines/LineMaterial.js'
+import { FontLoader } from 'three/addons/loaders/FontLoader.js';
 import {
     GammaCorrectionShader
 } from 'three/examples/jsm/shaders/GammaCorrectionShader.js';
@@ -43,6 +44,7 @@ export {
     OutlinePass,
     LineGeometry,
     LineMaterial,
+    FontLoader,
     FXAAShader,
     GammaCorrectionShader
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ohuoy/easymap",
-  "version": "1.0.13",
+  "version": "1.0.15",
   "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){
+        let 
+    }
+
+    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();
+    }
+  
+   
+}
+
+