使用来自文本字段P5的输入

时间:2018-11-09 19:49:37

标签: javascript p5.js

在我的草图中,我想在文本字段中输入城市并将此信息插入我的API-URL:

var Stadt='Berlin';

function setup() {
   createCanvas(500,500);
   textfield = createInput ();
   textfield.changed(newText);
   loadJSON('https://api.openrouteservice.org/geocode/search?'+
       'api_key=5b3ce3597851110001cf6248a7e197414b934680bff4449c39f000cc'+
       '&text='+Stadt+'', gotData);
}

function newText (){
   console.log (textfield.value());
}

function gotData(data) {
   var city = data.features; 
   var lon = city[0].geometry.coordinates[0];
   var lat = city[0].geometry.coordinates[1];  
   fill(0)
   noStroke();
   ellipse (lat+100, lon+100, 10, 10);

}

我可以使用textfield.value()将信息加载到我的草图中,但是现在如何将var Stadt更改为textfieldvalue()

1 个答案:

答案 0 :(得分:1)

您只是想这样做吗?

function newText (){
   Stadt = textfield.value();
}

进行此更改后,您可能想再次调用loadJSON()函数。