使用来自文本框 P5 的输入

Question

在我的草图中，我想在文本字段中输入一个城市并将此信息插入我的 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()？

Answer 1

您只是想这样做吗？

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

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

使用来自文本框 P5 的输入

Use input from textfield P5

javascript

p5.js