Ajax call openweathermap.org

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Medior Java developer (fullstack)

Wat je gaat doen: Of beter nog, wat wil jij doen? Binnen DPA GEOS zijn we dan ook op zoek naar enthousiaste Java developers om ons development team te versterken. Als Java developer werk je in Agile/Scrum teams bij onze klanten en daarbij kun je eventueel ook andere ontwikkelaars begeleiden in het softwareontwikkelproces. Verder draag je positief bij aan de teamgeest binnen een projectteam en je kijkt verder dan je eigen rol. Je gaat software maken voor verschillende opdrachtgevers in jouw regio. Je bent een professional die het IT-vak serieus neemt en kwaliteit levert. Je leert snel vanwege je diepgaande

Bekijk vacature »

Medior Mobile Developer iOS Amsterdam

Functie What will you be doing as Mobile Developer? As an iOS app developer you will work in a multidisciplinary team of app developers, web developers and designers. You will work on world-class apps that will be used by thousands of people. There is a lot of room for self-development on a technical and personal level. Together with the rest of the team you develop in the newest techniques and you go for the best quality. We work with Kotlin Multiplatform Mobile to develop hybrid apps and we guarantee quality with peer reviews, unit testing and we use a CI/CD.

Bekijk vacature »

Traineeship Full Stack .NET Developer

Dit ga je doen Start op 7 augustus 2023 bij de Experis Academy en ontwikkel jezelf tot een gewilde Full Stack .NET Developer. Maar hoe ziet het traineeship eruit en wat kun je verwachten? Periode 1 De eerste 3 maanden volg je fulltime, vanuit huis, een op maat gemaakte training in teamverband. Je leert belangrijke theorie en krijgt kennis van de benodigde vaardigheden en competenties die nodig zijn om de IT-arbeidsmarkt te betreden. Zowel zelfstandig als in teamverband voer je praktijkopdrachten op het gebied van front- en backend development uit. Wat er per week op het programma staat kun je

Bekijk vacature »

Medior Java developer (fullstack)

Wat je gaat doen: Of beter nog, wat wil jij doen? Binnen DPA GEOS zijn we dan ook op zoek naar enthousiaste Java developers om ons development team te versterken. Als Java developer werk je in Agile/Scrum teams bij onze klanten en daarbij kun je eventueel ook andere ontwikkelaars begeleiden in het softwareontwikkelproces. Verder draag je positief bij aan de teamgeest binnen een projectteam en je kijkt verder dan je eigen rol. Je gaat software maken voor verschillende opdrachtgevers in jouw regio. Je bent een professional die het IT-vak serieus neemt en kwaliteit levert. Je leert snel vanwege je diepgaande

Bekijk vacature »

Oracle APEX developer

Wat je gaat doen: Als Oracle APEX ontwikkelaar bij DPA werk je samen met collega’s aan de meest interessante opdrachten. Je zult je ervaring met SQL, PL/SQL, JavaScript, HTML en CSS inzetten om wensen van opdrachtgevers te vertalen naar technische oplossingen. Je werk is heel afwisselend, omdat DPA zich niet beperkt tot een specifieke branche. Zo ben je de ene keer bezig binnen de zorgsector, de andere keer is dit bij de overheid. Wat we vragen: Klinkt goed? Voor deze functie breng je het volgende mee: Je hebt een hbo- of universitaire opleiding afgerond Je hebt 2 tot 5 jaar

Bekijk vacature »

Full Stack Developer

Dit ga je doen Ontwikkelen van Product Informatie Management (PIM) systemen; Werken aan zowel grotere als kleine projecten voor toonaangevende klanten binnen o.a. de retail; Verantwoordelijk voor de front-end werkzaamheden; Naast de front-end werk je ook aan de backend. Hier ga je werken Als Full Stack Developer komt je te werken binnen een vooruitstrevende organisatie die Product Informatie Management (PIM) systemen levert aan hun klanten. Hun klanten zijn toonaangevende bedrijven binnen o.a. de retail. De organisatie zit gevestigd in regio Zwolle en bestaat uit zo'n 35 medewerkers, waarvan 30 IT. Je komt te werken binnen één van de zelfsturende development

Bekijk vacature »

C# Developer

Functie omschrijving Voor een softwarebedrijf in de omgeving van Veghel zijn we op zoek naar een C# developer. Word jij blij van ontwikkelen in C# en .NET? Lees dan snel verder! Jouw werkzaamheden zullen er als volgt uit gaan zien: Door middel van ASP.NET, MVC Framework en C# ga je webshops, websites en webapplicaties ontwikkelen. Je zorgt voor de optimalisatie van bestaande software en de automatisering van bedrijfsprocessen. Op basis van de wensen van de klant ga je samen met je collega's ga je op zoek naar de juiste oplossingen en je gaat dit uitwerken tot een mooi eindproduct. Bedrijfsprofiel

Bekijk vacature »

Senior Front-end Developer

Dit ga je doen Met behulp van diverse programmeertalen ontwikkelen van Front-end software; Het begeleiden van het front-end team; Het oplossen van incidenten; Het bijhouden van een backlog; Je hebt een actieve bijdrage in de wekelijkse overleggen met de omliggende teams; Je houdt trends bij en adviseert het management hierover waar nodig; Helder communiceren met de stakeholders om hen zo mee te nemen in projecten en laten inzien wat de duur en toegevoegde waarde van bepaalde projecten is. Hier ga je werken Deze organisatie heeft circa 40 miljoen bezoekers per maand en heeft innovatie hoog in het vaandel staan. Het

Bekijk vacature »

Medior Java developer (fullstack)

Wat je gaat doen: Of beter nog, wat wil jij doen? Binnen DPA GEOS zijn we dan ook op zoek naar enthousiaste Java developers om ons development team te versterken. Als Java developer werk je in Agile/Scrum teams bij onze klanten en daarbij kun je eventueel ook andere ontwikkelaars begeleiden in het softwareontwikkelproces. Verder draag je positief bij aan de teamgeest binnen een projectteam en je kijkt verder dan je eigen rol. Je gaat software maken voor verschillende opdrachtgevers in jouw regio. Je bent een professional die het IT-vak serieus neemt en kwaliteit levert. Je leert snel vanwege je diepgaande

Bekijk vacature »

Java developer (remote)

Functie Wat ga je doen als Java Developer? Jij als Java ontwikkelaar komt te werken in 1 van onze SCRUM teams. Momenteel werken er zo’n 30 ontwikkelaars binnen onze organisatie waarbij jij de brug slaat tussen het bouwen van verschillende functionaliteiten binnen onze applicaties en deze vervolgens te integreren in onze centrale hub. Je start je dag om 9 uur met een stand up en dan pak je jouw taken op voor de dag. Hieronder een aantal taken die jij zal uitvoeren: – Het bedenken en uitbouwen van features binnen de verschillende applicaties – Onderhouden van CI/CD pipelines – Bezighouden

Bekijk vacature »

.net developer

Hoi! Wij zijn auto.nl en wij verkopen auto's online. je bestelt bij ons een auto net zo makkelijk als een spijkerbroek. En bevalt ie niet? Dan stuur je 'm gewoon weer terug. En dat we dat goed doen bewijst onze hoge klanttevredenheid van een 9,3. Nu maken we de volgende stap bij auto.nl. We starten met fysieke winkels. Online zoeken, offline bekijken. Maar nog altijd, geen gedoe! Gewoon eerlijk, transparant en zonder zorgen een auto kopen.. Maar om dat waar te blijven maken en nóg beter te worden, zoeken we uitbreiding van ons development team. Wat ga je precies doen?

Bekijk vacature »

IT Infrastructuur Developer

IT Infrastructuur Developer Ben jij (bijna) klaar met je HBO studie in de richting van IT? Opzoek naar een spannende eerste baan, waar je ontzettend veel kan leren? Dan hebben wij de ultieme job voor jou! Voor een goede klant van ons in de financiële dienstverlening zijn wij opzoek naar een Junior Infrastructure Developer. Deze baan is een mooie kans om een sterke start te geven aan jouw carrière binnen de IT! De job Je werkt nauw samen met het Devops team, en zal je voornamelijk bezighouden met het automatiseren van infrastructure componenten. De componenten worden opgevraagd door het DevOps

Bekijk vacature »

Software Developer C# .NET

Functie omschrijving Zoek jij een nieuwe uitdaging binnen development waar je komt te werken binnen een flexibel, jong en ondernemend bedrijf? Wij zijn voor deze functie op zoek naar een C# .NET Developer die enthousiast wordt van het aansluiten en begeleiden van (complexe) nieuwe klanten. Verder begeleid je complexe projecten, ben jij iemand die altijd kansen ziet? Dan zoeken wij jou! Verder ga jij je bezighouden met: Het verbeteren van functionaliteiten binnen het dataplatform; Meedenken in oplossingsrichtingen; Werken aan de architectuur; Ontwikkelen van nieuwe technologieën. Bedrijfsprofiel Waar ga je werken? De organisatie waar je voor gaat werken heeft een onafhankelijk

Bekijk vacature »

Front-end developer (Angular)

Functie Het team bestaat uit een architect, fullstack developers, app developers, de product owner en projectmanager. Eenieder draagt vanuit zijn discipline bij aan een complete oplossing voor de klant. Uiteraard zul je hierin nauw samenwerken met je collega’s. Jij wordt verantwoordelijk voor de front-end implementatie en fungeert als lead op dit gebied binnen het team. Je kunt helder formuleren, ideeën uitdragen en overbrengen aan je collega’s. Qua technische stack is het vooral van belang dat je ervaren bent met Angular, HTML5, CSS en TypeScript. Verder is ervaring in NgRx, Bootstrap, BEM en Cypress een pré, evenals affiniteit met UX/UI Design!

Bekijk vacature »

Traineeship Full Stack Java developer

Dit ga je doen Start jij op 7 augustus bij de Experis Academy dan kickstart jij jouw IT-carrière! We leiden je op tot een gewilde Full Stack Java Developer met alle kennis en vaardigheden die nodig zijn om de arbeidsmarkt te betreden. Wat kun je verwachten, hoe zit een dag in het leven van een Trainee eruit? Periode 1 Als Full Stack Java Developer Trainee volg je vanuit huis een op maat gemaakte onlinetraining die in het Engels wordt gegeven. De tijd die je kwijt bent aan het volgen van de training kun je vergelijken met een fulltime werkweek. In

Bekijk vacature »
Joren vh

joren vh

05/12/2013 13:48:14
Quote Anchor link
Hallo,

Ik ben bezig met een mobile web app te maken.
Nu heb via geolocation mijn positie bepaald en deze mooi weergegeven op een google maps kaartje, so far so good
Eerst test ik dus of geolocation toegestaan is als dit het geval is roep ik de functie succes aan, nu heb ik een uitbreiding gemaakt die de temperatuur zou moeten aangeven van deze locatie dus roep ik naast succes ook WeatherRequest aan.

Maar daar loopt het mis:
- in de function succes doe ik: var lat = position.coords.latitude; en var longi = position.coords.longitude; => dit werkt perfect, maar als ik exact het zelfde doe in mijn tweede functie krijg ik onderstaande error:

Uncaught TypeError: Cannot read property 'latitude' of undefined (index):55

online voorbeeld: http://ninetythree.be/ioutfit/v2/

Betrefdende code: js staat allemaal nog mee in de index file maar wordt later nog naar een externe file gebracht!

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
            $("document").ready(function() {
                //checken of geolocation is toegestaan, als deze is toegestaan wordt de functie success uitgevoerd!
                  if(navigator.geolocation) {
                      navigator.geolocation.getCurrentPosition(success, WeatherRequest);
                  }
                  //locatie weergeven en integratie van google maps map met je positie!
                  function success(position) {
                      $(".test").append("geoloaction succesvol!");
                      var lat = position.coords.latitude;
                      var longi = position.coords.longitude;
                      $(".location").append("<li>" + lat + "</li><li>" + longi +"</li>");
                      console.log(lat);
                      console.log(longi);

                      var coords = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
  
                      var options = {
                        zoom: 15,
                        center: coords,
                        mapTypeControl: false,
                        navigationControlOptions: {
                            style: google.maps.NavigationControlStyle.SMALL
                        },
                        mapTypeId: google.maps.MapTypeId.ROADMAP
                      };
                      var map = new google.maps.Map(document.getElementById("map-canvas"), options);

                      var marker = new google.maps.Marker({
                          position: coords,
                          map: map,
                          title:"You are here!"
                      });
                  }

                  //temperature
                  function WeatherRequest(position){
                      console.log("succes");
                      console.log("init");
                      var lat = position.coords.latitude;
                      var longi = position.coords.longitude;
                    $.ajax({
                        //api.openweathermap.org/data/2.5/weather?lat=35&lon=139
                        url: "api.openweatermap.org/data/2.5/weather?lat=" + lat + "&lon=" + longi,        
                        dataType: "jsonp",
                        success: callback
                    });
                }
                  WeatherRequest(function(data) {
                      console.log('weer data ontvangen');
                  })
                  

              });
  
Gewijzigd op 05/12/2013 13:50:09 door Joren vh
 
PHP hulp

PHP hulp

23/02/2024 20:51:34
 
Kris Peeters

Kris Peeters

05/12/2013 14:01:20
Quote Anchor link
Okay

Je hebt dus dit:
navigator.geolocation.getCurrentPosition(success, error, options)

Met andere woorden; indien alles lukt, wordt de success callback getriggerd; en krijgt als parameter de position mee.
Indien er een error is, is de position niet gevonden. De parameter die je daar mee krijgt, is een error object.

Jouw function WeatherRequest zou er zo uit kunnen zien

function WeatherRequest(err) {
console.warn('ERROR(' + err.code + '): ' + err.message);
};

Het lijkt me niet dat die functie daarvoor bedoeld is.
Waarvoor heb je die wel bedoeld?

Wanneer - onder welke omstandigheden - verwacht je dat WeatherRequest moet worden uitgevoerd?


------

Wat je op lijn 48 doet, snap ik al helemaal niet. Waarom voer je daar WeatherRequest uit? En waarom steek je een functie in de parameter?
Gewijzigd op 05/12/2013 14:06:14 door Kris Peeters
 
Joren vh

joren vh

05/12/2013 14:02:54
Quote Anchor link
Weather request dient altijd uitgevoerd te worden net zoals success, dus als ik het goed begrijp moet ik mijn functie WeatherRequest gewoon even op het einde van success functie aanroepen?
 
Kris Peeters

Kris Peeters

05/12/2013 14:07:29
Quote Anchor link
Onderaan function success() - nog binnen de accolade - kan je

WeatherRequest(position);

uitvoeren.
Dus bv. tussen lijn 32 en lijn 33
Gewijzigd op 05/12/2013 14:08:38 door Kris Peeters
 
Joren vh

joren vh

05/12/2013 14:10:39
Quote Anchor link
klopt inderdaad, maar de error op latitude en longitude blijf ik spijtig genoeg krijgen..

edit
longitude en latitude error opgelost

enkel plakt hij nu nog een heel stuk achter mijn url dat er niet hoort te staan, van waar komt dit?
http://api.openweatermap.org/data/2.5/weather?lat=51.0260538&lon=4.4605912&callback=jQuery191041902255499735475_1386249118454&_=1386249118455

&callback.. is teveel?
Gewijzigd op 05/12/2013 14:13:21 door joren vh
 
Koen Vlaswinkel

Koen Vlaswinkel

05/12/2013 14:20:32
Quote Anchor link
Nee, dat heb je zelf aangegeven. Je gebruik als dataFormat 'jsonp' en daarin zit een callback. Dit is om cross-domain problemen te voorkomen. Het werkt ook gewoon met die callback.
 
Joren vh

joren vh

05/12/2013 14:23:11
Quote Anchor link
Waarom laat hij deze dan niet in? zie console (chrome), daar geeft hij een error op de verkregen url...
http://ninetythree.be/ioutfit/v2/
 
Kris Peeters

Kris Peeters

05/12/2013 14:33:48
Quote Anchor link
Het probleem is: je mag geen ajax verzoek doen naar een url van een ander domein.
Omwille van veiligheidsmaatregelen moeten de webbrowsers die functionaliteit uitschakelen.


Je zult het moeten doen via hun API.
Wat ben je eigenlijk van plan met die weerkaarten?

Vertel eens wat het eindresultaat zou moeten zijn
 
Joren vh

joren vh

05/12/2013 14:38:31
Quote Anchor link
Maar ik verwijs toch naar hun api? zelfde link maar dan zonder &callback komt letterlijk van hun api pagina?

Eindresultaat: aan de hand van de locatie moet de temperatuur bepaald worden op dat moment. uiteindelijk applicatie zal een random foto geven uit de database na het schudden met de device aan de hand van het weer.
 
Kris Peeters

Kris Peeters

05/12/2013 14:52:23
Quote Anchor link
Toevallig heb ik eergisteren iets geschreven dat je eens moet lezen

Iemand vroeg: Wat is een API
http://www.phphulp.nl/php/forum/topic/wat-is-een-api/93152/#667402

Ik toon dus een manier waarop die restrictie kan omzeild worden.

Als je hun <script> van de API laadt, geven zij een (of meerdere) variabele een waarde. Die variabele kan je dan gebruiken.
Zo werkt een API

----
Ik ben ondertussen wat aan het rondsnuffelen bij http://openweathermap.org/API . Zien wat de mogelijkheden zijn.
Gewijzigd op 05/12/2013 14:54:38 door Kris Peeters
 
Joren vh

joren vh

05/12/2013 15:05:56
Quote Anchor link
Ga ik zeker eens lezen, maar het probleem is opgelost! ik had nog een typefoutje in mijn url zitten => dom,stom,balen, maar nu werkt het dus!
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.