Das Frontend erstellt und ändert CAD-Grafikdetails über JavaScript

(asynchron () => {
 // --Neue Karte erstellen --Erstellen Sie im Hintergrund eine neue CAD-Karte und öffnen Sie sie dann im Frontend // js-Code let svc = new vjmap.Service(env.serviceUrl, env.accessToken)
 : Lassen Sie doc = neues vjmap.DbDocument();
 lass Entitäten = [];
 let line1 = neues vjmap.DbLine();
 Zeile1.start = [0, 0]
 Zeile1.Ende = [0, 15]
 entities.push(Zeile1)
 
 let line2 = neues vjmap.DbLine();
 Zeile2.start = [0, 14.1]
 Zeile2.Ende = [2,99, 14,1]
 entities.push(Zeile2)
 
 let line3 = neues vjmap.DbLine();
 Zeile3.start = [0, 0,9]
 Zeile3.Ende = [2,99, 0,9]
 entities.push(Zeile3)
 
 let line4 = neues vjmap.DbLine();
 Zeile4.start = [0, 9,95]
 Zeile4.Ende = [5,8, 9,95]
 entities.push(Zeile4)
 
 let line5 = neues vjmap.DbLine();
 Zeile5.start = [0, 5,05]
 Zeile5.Ende = [5.8, 5.05]
 
 let hatch = neues vjmap.DbHatch();
 Schraffurmuster = "SOLID";
 Schraffurfarbe = 0xB43F32;
 schraffurpunkte = [zeile4.start, zeile4.ende, zeile5.ende, zeile5.start];
 entities.push(Schraffur);
 entities.push(Zeile4)
 entities.push(Zeile5)
 
 let line6 = neues vjmap.DbLine();
 Zeile6.start = [5.8, 5.05]
 Zeile6.Ende = [5,8, 9,95]
 entities.push(Zeile6)
 
 lass arc1 = neues vjmap.DbArc();
 arc1.center = [5.7963, 7.504];
 Bogen1.Radius = 1,8014;
 arc1.startAngle = 270 * Math.PI / 180.0;
 arc1.endAngle = 90 * Math.PI / 180,0;
 Entitäten.push(arc1)
 
 lass arc2 = neues vjmap.DbArc();
 arc2.center = [5.7963, 7.504];
 Bogen2.Radius = 1,8014;
 arc2.startAngle = 90 * Math.PI / 180.0;
 arc2.endAngle = 270 * Math.PI / 180,0;
 //arc2.linetype = "GESTRICHEN"
 Entitäten.push(arc2)
 
 lass arc3 = neues vjmap.DbArc();
 arc3.center = [1,575, 7,5];
 Bogen3.Radius = 6,75;
 arc3.startAngle = 282 * Math.PI / 180,0;
 arc3.endAngle = 78 * Math.PI / 180,0;
 Entitäten.push(arc3)
 
 let block = neues vjmap.DbBlock();
 block.name = "Ball";
 block.ursprung = [0, 0]
 block.entitys = Entitäten;
 doc.appendBlock(block);
 
 let blockRef1 = neues vjmap.DbBlockReference();
 blockRef1.blockname = "Ball";
 blockRef1.position = [0, 0];
 doc.appendEntity(blockRef1);
 
 let blockRef2 = neues vjmap.DbBlockReference();
 blockRef2.blockname = "Ball";
 blockRef2.position = [28, 15];
 blockRef2.rotation = Math.PI;
 doc.appendEntity(blockRef2);
 
 let otherEnts = [
  neue vjmap.DbLine({
   Anfang: [0, 15],
   Ende: [28, 15]
  }),
  neue vjmap.DbLine({
   Anfang: [0, 0],
   Ende: [28, 0]
  }),
  neue vjmap.DbLine({
   Anfang: [14, 0],
   Ende: [14, 15],
   Farbindex: 1
  }),
  neues vjmap.DbCircle({
   Mitte: [14, 7,5],
   Radius: 1,83,
   Farbe: 0xFF0000
  }),
  neues vjmap.DbText({
   Position: [14, 16],
   Inhalt: „Basketball-Court-Diagramm“,
   Farbindex: 1,
   horizontaler Modus: 4,
   Höhe: 1,
  })
 ]
 
 doc.appendEntity(andereEnts);
 
 // js-Code let res = warte auf svc.updateMap({
  Karten-ID: "basketballCourt",
  Dateidoc: doc.toDoc(),
  mapopenway: vjmap.MapOpenWay.Speicher,
  style: vjmap.openMapDarkStyle() // Wenn das Div eine dunkle Hintergrundfarbe hat, wird hier auch der dunkle Hintergrundstil übergeben})
 wenn (res.error) {
  Nachricht.Fehler(res.Fehler)
 }
 let mapExtent = vjmap.GeoBounds.fromString(res.bounds);
 let prj = neues vjmap.GeoProjection(mapExtent);
 
 var map = neues vjmap.Map({
  Container: 'Map', // Container-ID
  Stil: svc.rasterStyle(),
  Mitte: prj.toLngLat(mapExtent.center()),
  Zoom: 2,
  renderWorldCopies: false
 });
 Karte.Anhängen(svc, prj);
 map.fitMapBounds();
 
 map.addControl(neues vjmap.NavigationControl());
 map.addControl(neues vjmap.MousePositionControl({showZoom: true}));
 
 map.enableLayerClickHighlight(svc, e => {
  e && Nachricht.info(`Typ: ${e.name}, Objekt-ID: ${e.objectid}, Ebene: ${e.layerindex}`);
 })
})();

: Lassen Sie doc = neues vjmap.DbDocument();
/** Die Karte, aus der die Daten stammen. Die Daten werden auf dieser Karte geändert, hinzugefügt oder gelöscht. Das Format ist Karten-ID/Version, z. B. exam/v1. */
doc.from = "basketballCourt/v1";
 
// Ändern oder löschen Sie eine Entität, indem Sie den Entitäts-Handle `objectid` übergeben. Wenn es keine `objectid` gibt, bedeutet dies, dass let modifyEnts = [ hinzugefügt wird.
    /*Überarbeiten*/
    neues vjmap.DbCircle({
        Objekt-ID: "71", // Entitäts-Handle. Wenn der Entitäts-Handle übergeben wird, bedeutet dies, dass diese Entität geändert oder gelöscht werden soll. 
        Farbindex: 2
    }),
    /*löschen*/
    neues vjmap.DbText({
        objectid: "73", // Entitäts-Handle. Wenn der Entitäts-Handle übergeben wird, bedeutet dies, dass diese Entität geändert oder gelöscht werden soll. 
        delete: true // bedeutet löschen}),
    /*Neu hinzugefügt (keine Objekt-ID übergeben)*/
    neues vjmap.DbMText({
        Position: [14, -2],
        Inhalt: „Ich bin ein mehrzeiliger Text“,
        Farbindex: 3,
        Anhang: 2,
        Höhe: 1,
    })
]
doc.appendEntity(modifizierteEnts);
 
// js-Code let res = warte auf svc.updateMap({
    Karten-ID: "newBasketballCourt",
    Dateidoc: doc.toDoc(),
    mapopenway: vjmap.MapOpenWay.Speicher,
    style: vjmap.openMapDarkStyle() // Wenn das Div eine dunkle Hintergrundfarbe hat, wird hier auch der dunkle Hintergrundstil übergeben})