​

var lat;

var lng;

​

let txt = {

  w: 0,

  y: 0,

  box: 0,

}

​

let imm = {

  //h: 807 / 2,

  //w: 1974 / 2,

  h: 642,

  w: 579,

  num: 2,

}

​

let margin = 20;

let button;

let input;

let img;

let textw = margin * 2 + 579;

let texth = 700/2;

let i = 1;

let inp;

let word = "";

let font;

let readyBoolean = false;

// adjust timer hierzooooo in de 

let on = 0;

​

let state = 0;

//------------------------------verandert!!

​

let explanation1 = 'location: Idoma, Nigeria';

let explanation2 = 'I am in With Me by Ameh Egwuh';

let explanation3 = 'What place do you identify with?!';

​

​

​

​

function preload() {

  imgNigeria = loadImage('download (1).png');

  imgamsterdam = loadImage ('amsterdam.png');

  imgrotterdam = loadImage ('Rotterdam.png');

  imgdelft = loadImage ('delft.png');

  imgjava = loadImage ('java1.png');

  imgjapan = loadImage ('japan.png');

  imgindia = loadImage ('india.png');

  imgghana = loadImage ('ghana.png');

  //imgdelft = loadImage ('Dutch.png');

  //imgb = loadImage('allimg_blur.jpg');

​

}

​

function setup() {

  //createCanvas(1000, 700);

  createCanvas(windowWidth, windowHeight);

  background(255);

//--------------------------------------- button neerzetten

  button = createButton('next location');

  button.position( textw + 100, texth + 280);

  button.mousePressed(newplace);

  button2 = createButton('my location');

  button2.position( textw, texth + 280);

  button2.mousePressed(myplace);

//--------------------------------------- geolocatie 

  console.log('your location:');

  noStroke();

  // get position once

  if (!navigator.geolocation) {

    alert("navigator.geolocation is not available");

    }

  navigator.geolocation.getCurrentPosition(setPos);

} 

​

​

function setPos(position) {

  lat = getItem('lat');

  lng = getItem('lng');

  lat = position.coords.latitude;

  lng = position.coords.longitude;

  storeItem('lat', lat);

  storeItem('lng', lng);

  //background(0);

  //fill(255);

  //textSize(32);

  //text("Current position: " + nf(lat,2,5) + " " + nf(lng,2,5), 10, height/2);

  var myMap = "https://www.google.com/maps/@"+lat+","+lng+",3000m/data=!3m1!1e3";

​

  text(myMap,10, height/2+40);

  print(myMap);

  print(lat); 

  print(lng);

​

  createA(myMap,"map","_blank");

  var lata = lat;

  var lnga = lng;

  }

​

function draw() {

  /*    navigator.geolocation.getCurrentPosition(

      function(position) {

        //  background(220);

        //  textSize(32);

        //  text("latitude: " + position.coords.latitude, 5, 100);

        //  text("longitude: " + position.coords.longitude, 5, 200);

        var lat = position.coords.latitude;

        var lng = position.coords.longitude;

      }

      );

  */

//-----------------------------------------------------------------

    background(0);

    //--------------------------------------image op zn plek

    if (state==0){

      image(imgNigeria, margin, 28, imm.w, imm.h);

      explanation1 = 'location: Idoma, Nigeria';

    }

    if (state==1){

      image(imgjava,margin,28,imm.w,imm.h);

      explanation1 = 'location: Java, Indonesia';

    }

    if (state==2){

      image(imgrotterdam,margin,28,imm.w,imm.h);

      explanation1 = 'location: Rotterdam, Netherlands';

    }

​

    if (state==3){

      image(imgjapan,margin,28,imm.w,imm.h);

      explanation1 = 'location: Japan';

    }  

    if (state==4){

      image(imgdelft,margin,28,imm.w,imm.h);

      explanation1 = 'location: Delft, Netherlands';

    }

    if (state==5){

      image(imgghana,margin,28,imm.w,imm.h);

      explanation1 = 'location: Ghana & Nigeria';

    }

    if (state==6){

      image(imgamsterdam,margin,28,imm.w,imm.h);

      explanation1 = 'location: Amsterdam, Netherlands';

    }

    if (state==7){

      image(imgindia,margin,28,imm.w,imm.h);

      explanation1 = 'location: India';

    }

    //--------------------------------------uitleg text

    textStyle(NORMAL);

    textSize(30);

    fill('#00bbff');

    text(explanation1, textw, texth + 260);

    fill(255);

    textSize(20);

    text(explanation2, textw, texth + 170);

    text(explanation3, textw, texth + 200);

​

  }

​

​

function newplace() {

  state++;

  if (state>=7){

    state=0;

  }

}  

​

​

function myplace() {

  print(lat); 

  print(lng);

  //Delft

  if(lat<=54.029553 && lat>=50.029553 && lng<=5.336441 && lng>=0.346480){

          state = 4;

  print(state);

  }

  //rotterdam  

  if(lat<=51.997175 && lat>=51.834385 && lng<=4.644690

 && lng>=4.239757){

          state = 2;

  print(state);

  }

  //amsterdam  

  if(lat<=52.420040 && lat>=52.26917 && lng<=5.027068 && lng>=4.742235){

          state = 6;

  print(state);

​

  }

  //Java  

  if(lat<=-5.724973 && lat>=-8.702422 && lng<=105.677123 && lng>=114.419013){

          state = 1;

  print(state);

​

  }

  //Ghana 

  if(lat<=11.157856 && lat>=4.841676 && lng<= 0.308208 && lng>=-3.341060){

          state = 5;

  print(state);

​

  }

  //India  

  if(lat<=30.070254 && lat>=5.569010 && lng<=87.309730 && lng>=65.931594){

          state = 7;

  print(state);

​

  }

  //Japan 

  if(lat<=45.477009 && lat>=31.130073 && lng<=148.956561 && lng>=129.418559){

          state = 3;

  print(state);

​

  }

  //Nigeria 

  if(lat<=13.701403 && lat>=4.462656 && lng<=14.703703 && lng>=2.755879){

          state = 0;

  print(state);

​

  }

​

}

​

​

​

​