How To: Dotted lands - Githubissues

I'm attempting to render a transparent globe composed of lands represented by points. Currently, I'm using the following React component:

import { useEffect, useState, useRef } from 'react';
import Globe from 'react-globe.gl';
import * as THREE from 'three';
import * as topojson from 'topojson-client';

function GlobeGL() {

    const polygonsMaterial = new THREE.MeshLambertMaterial({ color: 'red', side: THREE.DoubleSide });

    const globeEl = useRef()
    const [landPolygons, setLandPolygons] = useState([]);

    useEffect(() => {
        fetch('//unpkg.com/world-atlas/land-110m.json').then(res => res.json())
            .then(landTopo => {
                setLandPolygons(topojson.feature(landTopo, landTopo.objects.land).features);
            });

        globeEl.current.controls().autoRotate = true;
        globeEl.current.controls().autoRotateSpeed = 1;
        globeEl.current.controls().enableZoom = false;
        globeEl.current.controls().enabled = false;

    }, []);

    return <Globe
        ref={globeEl}
        backgroundColor="rgba(0,0,0,.1)"
        showGlobe={false}
        showAtmosphere={false}
        polygonsData={landPolygons}
        polygonCapMaterial={polygonsMaterial}
        polygonSideColor={() => 'rgba(0, 0, 0, 0)'}
        animateIn={false}
    />;

}

export default GlobeGL;

And I get this:

I would like to modify the component to render a series of equidistant points on the globe, replacing the current red land representation. Is there a straightforward way to achieve this?

vasturiano / react-globe.gl

How To: Dotted lands #145