[wip] Add option to enable markers on Globe2

src/components/organisms/InteractiveGlobe2.svelte

@@ -11,6 +11,9 @@
     // Components
     import Image from '$components/atoms/Image.svelte'
 
+    export let type: string = undefined
+    export let enableMarkers: boolean = true
+
     let innerWidth: number
     let globeParentEl: HTMLElement, globeEl: HTMLElement
     let globe: any
@@ -41,6 +44,7 @@
             autoRotate: true,
             speed: 0.003,
             rotationStart: randomContinent.rotation,
+            enableMarkers,
             markers,
             pane: import.meta.env.DEV,
         })

src/modules/globe2/index.ts

@@ -19,6 +19,7 @@ export class Globe {
         this.params = {
             autoRotate: options.autoRotate,
             speed: options.speed,
+            enableMarkers: options.enableMarkers,
             zoom: 1.305,
         }
 
@@ -279,6 +280,7 @@ type Options = {
     autoRotate: boolean
     speed: number
     rotationStart?: number
+    enableMarkers?: boolean
     markers?: any[]
     pane?: boolean
 }

src/modules/globe2/pane.ts

@@ -15,4 +15,7 @@ export const createPane = (ctx: any) => {
         max: 0.025,
         step: 0.00025,
     })
+    ctx.pane.addInput(ctx.params, 'enableMarkers', {
+        label: 'Enable markers',
+    })
 }