https://www.jasondavies.com/maps/rotate/
canvas https://bl.ocks.org/larsvers/dab7c2d6ea5ab964d10df0ef1470b90e
world tour https://observablehq.com/@d3/world-tour
oceanic currents https://earth.nullschool.net/
canvas https://jorin.me/d3-canvas-globe-hover/
markers https://bl.ocks.org/atanumallick/8d18989cd538c72ae1ead1c3b18d7b54

via https://www.openprocessing.org/sketch/691003

// sketch
var gl, noctaves, c;
function setup() {
  createCanvas(windowWidth, windowHeight, WEBGL);
  gl=this.canvas.getContext('webgl');
  gl.disable(gl.DEPTH_TEST);
  noctaves=6;
  c=[];
  initc();
  test=new p5.Shader(this._renderer, vert, frag);//shaders are loaded
  shader(test);//shaders are applied
}
function initc() {
  for (var i=0; i<22; i++) {
    c[i]=random(-5, 5);
  }
}

function draw() {    
  test.setUniform("iResolution", [width, height]);//pass some values to the shader
  test.setUniform("iTime", millis()*.001);
  test.setUniform('iMouse', [mouseX, mouseY]);
  test.setUniform("noctaves", noctaves);
  test.setUniform("c", c);
  shader(test);
  if(width>height)box(width,height);
    else box(height,width);
}
function mouseReleased() {
  initc();
}
// ----------------------
// shaders
var frag=`
// Author Pierre MARZIN 03/2019

#ifdef GL_ES
precision mediump float;
#endif

uniform vec2 iResolution;
uniform vec2 iMouse;
uniform float iTime;
uniform int noctaves;
uniform float c[22];
float mousefactor;

float noise( in vec2 x )
{
    return sin(1.5*x.x)*sin(1.5*x.y);
}

const mat2 rot = mat2( 0.80,  0.6, -0.6,  0.8 );
float fbm ( in vec2 _st) {
    float v = 0.0;
    float a = 0.6;
    vec2 shift = 10.0*vec2(c[11],c[12]);
    for (int i = 0; i < 12; ++i) {//noprotect
        if(i>=noctaves)break;
        v += a * noise(_st);
        _st = rot*_st* 2.0 + shift;
        a *= 0.5;
    }
    return v;
}

void main() {
        vec2 mouse=iMouse/iResolution;
    vec2 st =(-iResolution.xy+2.0*vec2(gl_FragCoord.x*.2,gl_FragCoord.y*3.0))/iResolution.y;//(gl_FragCoord.xy/iResolution.xy);//
    vec3 color = vec3(0.);
    vec2 q = vec2(0.);
    q.x = fbm( st+vec2(c[0],c[1]*.02*iTime) );
    q.y = fbm( st+vec2(c[2],c[3]*.01*iTime) );
    vec2 r = vec2(0.);
//play with the values here!
        r.x = fbm( st+ 3.4*q+vec2(c[5],c[6]));
    r.y = fbm( st+ 6.5*q*sin(.01*iTime)+vec2(c[8]*.05*iTime,c[9]));
    float f = fbm(st+c[10]);//* (q*length(r) ));
        color = mix( color, vec3(0.9,0.9,0.9), dot(r,q) );
        color*=(1.5*f*f*f+1.8*f*f+1.7*f);
        color+=.5*vec3(1.8+r.x,0.7+q);
    color=pow(color,vec3(.5))*pow(.33*st.y+.2+.05*sin(1.5*3.14*st.x),.5);
    gl_FragColor = vec4(color,1.);
}

`
var vert=`
//standard vertex shader
#ifdef GL_ES
      precision highp float;
    #endif
        #extension GL_OES_standard_derivatives : enable
    // attributes, in
    attribute vec3 aPosition;
    attribute vec3 aNormal;
    attribute vec2 aTexCoord;
    attribute vec4 aVertexColor;

    // attributes, out
    varying vec3 var_vertPos;
    varying vec4 var_vertCol;
    varying vec3 var_vertNormal;
    varying vec2 var_vertTexCoord;

    // matrices
    uniform mat4 uModelViewMatrix;
    uniform mat4 uProjectionMatrix;
    uniform mat3 uNormalMatrix;

    void main() {
      gl_Position = uProjectionMatrix * uModelViewMatrix * vec4(aPosition, 1.0);

      // just passing things through
      var_vertPos      = aPosition;
      var_vertCol      = aVertexColor;
      var_vertNormal   = aNormal;
      var_vertTexCoord = aTexCoord;
    }
`;