Hello,
I'm trying to get to grips with SPFX, specifically a basic webpart using weather.js () based on OpenWeatherMap.org. I wonder if anyone can help? Here is where I've got to... using Visual Code.
Running the npm command below adds weather.js under node_modules in my spfx webpart project.
npm install -g weather.js
I then followed Bundle a Script to create my own Typings which I can reference in my webpart.
I have 3 typings so far, see below. (Spoiler: I really don't get Typings)
declare module "weather.js" {
export function getCurrent(city: string): string;
export function getApiKey();
export function setApiKey(apikey: string): string;
}
getApiKey and setApiKey work fine, I can set the key and then display it on the webpart. My problem is getCurrent which, when I call .getCurrent("London") for instance, returns 'Object: object' on the screen.
The getCurrent code is below, and clearly expects more than just a string, and it also clearly outputs more than a string. If I change my typing to output JSON, which I am pretty sure is what the API sends back, then I get a 'you can't assign type JSON to a type string' error, which is fair enough.
Weather.getCurrent = function (city, callback) {
var url = "blah";
return this._getJSON(url, function (data) {
callback(new Weather.Current(data));
} );
};
Can someone give me a clue or point me in the right direction? I think I need to call getCurrent with a city string AND a function that can then get the specific data back, such as min temperature, etc. But I cannot work out what that should look like.
Appreciate any help, apologies if I've not explained it well, still learning...
Paul
