update

Author: cocaine-coder

geojson-editor/src/App.vue

@@ -19,6 +19,8 @@ import { DrawManager, GeoJSONLayerManager, MeasureManager } from '../../packages
 import { TIdentityGeoJSONFeature } from '../../packages/maplugin-core/types';
 import { StoreEditor } from './stores';
 
+import img_marker from './assets/map-marker.png?url';
+
 const fc = ref<GeoJSON.FeatureCollection>({
     type: 'FeatureCollection',
     features: []
@@ -43,9 +45,19 @@ function handleMapLoaded(map: maplibregl.Map) {
     glManager.on('all', () => {
         fc.value = glManager.fc;
     });
+    const drawManager = new DrawManager(glManager, {});
+
+    map.loadImage(img_marker).then((img) => {
+        map.addImage("marker", img.data);
+
+        map.getLayerProxy<maplibregl.CircleLayerSpecification>(drawManager.id_layer_point).value.layout!['visibility'] = 'none';
+        const layout = map.getLayerProxy<maplibregl.SymbolLayerSpecification>(drawManager.id_layer_point_symbol).value.layout!;
+        layout['icon-image'] = 'marker'
+        layout['icon-size'] = 0.5;
+    });
 
     createMapControl(map, ShowEditorButton);
-    createMapControl(map, Drawer, { drawManager: new DrawManager(glManager, {}) }, 'top-left');
+    createMapControl(map, Drawer, { drawManager }, 'top-left');
     createMapControl(map, Measurer, { measureManager: new MeasureManager(glManager, {}) }, 'top-left');
 }
 

geojson-editor/src/assets/map-marker.png

@@ -3,9 +3,7 @@
 </template>
 
 <script setup lang="ts">
-//@ts-ignore
 import jsonWorker from 'monaco-editor/esm/vs/language/json/json.worker?worker';
-//@ts-ignore
 import EditorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker';
 import * as monaco from 'monaco-editor'
 import geojson_schema from '../../contracts/geojson-schema.json';

geojson-editor/src/components/features/FeatureCollectionEditor.vue

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

geojson-editor/src/vite-env.d.ts

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "preserve",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
+}

geojson-editor/tsconfig.app.json

@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}

geojson-editor/tsconfig.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["vite.config.ts"]
+}

geojson-editor/tsconfig.node.json

@@ -1,6 +1,5 @@
 import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
-import path from "path";
 
 export default defineConfig({
     plugins: [vue()],