Ajax call openweathermap.org

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Delphi Programmeur

Functie omschrijving Onze opdrachtgever is gespecialiseerd in kantoor-bedrijfssoftware en zit gevestigd in omgeving Numansdorp. Als programmeur ben jij bij dit bedrijf met het volgende bezig; Je vertaalt technische en functionele ontwerpen naar kwalitatieve software. Je ontwikkelt, ontwerpt en test software. Je maakt daarbij veel gebruik met de volgende tools & technologieën: Delphi 10.3 (Rio), QuickReport 6. Je krijgt in deze rol veel vrijheid en verantwoordelijkheid. Je levert projecten van A - Z op, en werkt daarbij projectmatig en gestructureerd. Bedrijfsprofiel Dit bedrijf richt zich op maatwerk software oplossingen. Deze software oplossingen worden ingezet in de financiële branche. Het betreft een

Bekijk vacature »

Senior Front end developer

Functie Wij zijn op zoek naar een ambitieuze, zelfsturende Front-end Expert die ons (internationale) team komt versterken. Onze huidige software development afdeling bestaat uit 7 developers en designers. Wij zijn een écht softwarehuis, dus ervaring in software development is wel echt een must. Er wordt tegelijkertijd aan meerdere projecten gewerkt, voor mooie toonaangevende klanten. Je hebt dus regelmatig te maken met deadlines en opleveringen. Een deel van onze omgeving is in Angular.JS. Dit deel wordt langzamerhand omgebouwd naar de nieuwste versie van Angular. Jouw werkzaamheden zullen bestaan uit: Het aansturen en begeleiden van jouw collega’s Het implementeren van visuele elementen

Bekijk vacature »

Back-end developer

Dit ga je doen Development d.m.v. XQuery, JSON/XML en REST API's; Ontwikkelen aan een tof en complex zorgplatform; Koppelingen maken met de NoSQL database; Testen en documenteren van de ontwikkelde functionaliteiten; Samenwerking met andere front- en back-end ontwikkelaars. Hier ga je werken Voor een vooruitstrevende organisatie binnen de zorg in Den Haag zijn wij opzoek naar een Back-end Developer die ervaring heeft met o.a.XQuery en Vue.JS of daarin graag zou willen ontwikkelen. Je zal ontwikkelen aan een tof en complex zorgplatform en koppelingen maken met de NoSQL database. Ook het testen en documenteren van de ontwikkelde functionaliteiten behoort tot jouw

Bekijk vacature »

SQL database ontwikkelaar

Functie omschrijving Ben jij niet bang voor complexe algoritmes? Schikt het schrijven van procedures in T-SQL jouw niet af en heb jij al de nodige informatie in SQL, dan is functie precies wat voor jou! Jouw werkzaamheden gaan er als volgt uit zien: Je gaat werken aan de complexere projecten waar jij van A tot Z bij betrokken bent. Je gaat zorg dragen voor het ontwerp, de ontwikkeling en het updaten van SQL databases. Dit doe je op basis van T-SQL. Jij bent van start tot finish betrokken bij de projecten die jij leidt. Je houdt contact met klanten en

Bekijk vacature »

Functioneel applicatiebeheerder - SOP-SYS-SAM

TenneT is hard groeiend om de onze ambities waar te kunnen maken. Zo nemen wij een leidende rol in het aanjagen van de energietransitie. Het werven van nieuw talent speelt daarin een cruciale rol. Wij zijn op zoek naar een gedreven Functioneel Applicatiebeheerder voor het financiele domein op onze locatie Arnhem die hieraan wil bijdragen en misschien ben jij dat wel? Jouw bijdrage aan TenneT Je gaat samenwerken in een team van circa 15 functioneel applicatiebeheerders en gaat onderdeel uitmaken van een DevOps team. Met dit team ga je applicaties (laten) ontwikkelen en beheren. Hierbij concentreer je je vooral op

Bekijk vacature »

Lead developer

Functie Als lead developer wordt jij verantwoordelijk voor een van onze development teams. Samen met de Software Architect bewaak jij de kwaliteit en uitvoering van onze complexe vraagstukken. Daarnaast ben jij verantwoordelijk voor het inschatten, designen en ontwikkelen van middelgrote tot grote veranderingen in de software. Ook coördineer jij het proces rondom complexe technische vraagstukken. Verder bestaat jouw takenpakket uit het volgende: – Het aansturen van jouw development team; – Het begeleiden van Junior Software Engineers; – Het maken van technische analyses m.b.t. nieuwe aanvragen en het tijdsbestek inschatten voor de uitvoering hiervan; – Het uitvoeren van de ontwikkeling van

Bekijk vacature »

PHP Developer - medior functie

Functieomschrijving Ben jij innovatief en wil jij je kennis graag delen met jouw nieuwe collega's? Lees dan snel verder! Voor een leuke opdrachtgever in de omgeving van Roosendaal zoeken wij een Symfony developer. Of je nou junior, medior of senior bent, je krijgt hier alle vrijheid en verantwoordelijkheid om jouw eigen loopbaan te ontwikkelen. Je gaat je hier bezig houden met en inspelen op de actualiteiten van jouw vakgebied. Techstack: Symfony, PHP, mySQL. Kennis van Svelte is helemaal mooi meegenomen. Bedrijfsprofiel Al sinds '99 is dit webbureau actief. De kernwaarden binnen het bedrijf zijn integer, dienstbaar en deskundig. Je komt

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 »

Sportieve Junior C#.NET developer gezocht!

Bedrijfsomschrijving Wil jij werken aan webapplicaties bij de marktleider binnen de branche? Voor een klant in de buurt van Oosterhout ben ik op zoek naar een Fullstack .NET developer. Dit bedrijf bestaat bijna 10 jaar en is inmiddels uitgegroeid tot marktleider in Nederland en heeft tevens kantoren in meerdere landen in Europa. Dit bedrijf bouwt webapplicaties waarbij internationaal enkele honderdduizenden deelnemers, soms tegelijk, een beroep doen op de realtime data uit deze applicaties. Dit brengt erg veel technische uitdaging met zich mee. Ze ontwikkelen nieuwe applicaties maar ook bestaande applicaties worden uitgebreid en verbeterd. Hier kan jij een onderdeel van

Bekijk vacature »

Ervaren Full stack developer

Functie omschrijving Ben jij op zoek naar een uitdagende in-house functie bij een bedrijf met enorme groeipotentie? Ben jij op zoek naar een nieuwe uitdaging vol afwisseling en gezelligheid? Dan ben je bij dit bedrijf aan het juiste adres! Wij zijn in omgeving Breda op zoek naar een ervaren full stack developer. Je gaat werken voor een zeer gewilde werkgever met goede arbeidsvoorwaarden. Je krijgt een plekje in het jonge IT team, work hard, play hard is hier duidelijk het motto! Jouw werkzaamheden zien er als volgt uit: Jij bent verantwoordelijk voor het ontwerpen en bouwen van webapplicaties. Je bent

Bekijk vacature »

PHP Programmeur

Functieomschrijving Vanuit het hoofdkantoor in omgeving Breda, ontwikkel je als PHP programmeur niet alleen webapplicaties, maar ben je verder ook gefocust op het constant inspelen op nieuwe innovaties m.b.t software ontwikkeling. Naast het ontwikkelen van webapplicaties, bouwt deze toffe werkgever ook webshops en websites voor hun opdrachtgevers. Wat ga je doen? Het testen van ontwikkelde applicaties om te zorgen dat ze goed functioneren en voldoen aan de eisen van de klanten; Het ontwerpen en implementeren van webapplicaties met het Symfony framework; Het schrijven van een schone en efficiënte code volgens het Symfony framework; Onderhouden en updaten van bestaande applicaties die

Bekijk vacature »

Java Developer bij een jonge groeiende organisatie

Bedrijfsomschrijving Vind jij het als Java developer ook zo belangrijk dat een bedrijf je de ruimte en tijd geeft voor persoonlijke ontwikkeling? Dan zit je hier helemaal goed. Deze jonge organisatie is opgericht in 2018 en is ondertussen uitgegroeid tot een club van ongeveer 30 medewerkers. Het gaat hier om een echte Java club, die vrijheid en verantwoordelijkheid erg belangrijk vinden. Het bedrijf heeft een informele sfeer en de teams zijn erg hecht met elkaar. Ze delen graag de kennis en ervaringen met anderen, maar vinden andermans mening ook zeer belangrijk. De organisatie zet zich in voor ontwikkeling en besteed

Bekijk vacature »

PHP Developer

Zie jij mogelijkheden om onze tooling technisch te verbeteren en uit te bouwen? Over Jobmatix Jobmatix is een innovatieve en internationale speler op het gebied van jobmarketing. Onze jobmarketing automation tool helpt organisaties bij het aantrekken van nieuw talent door vacatures digitaal, geautomatiseerd en op een efficiënte manier te adverteren en onder de aandacht te brengen bij de doelgroep op 25+ jobboards. Volledig performance-based, waarbij organisaties betalen op basis van cost per click of cost per applicant. Maandelijks wordt onze jobmarketing automation tool al gebruikt door vele directe werkgevers, intermediairs en mediabureaus, waaronder Picnic, Rijkswaterstaat, AdverOnline, Schiphol, DPA, Teleperformance en

Bekijk vacature »

Ambitieuze medior developer

Wat je gaat doen: Heb jij al een paar jaar ervaring als developer maar wil jij naar the next level? In ons NextLevelDev Programma helpen wij jou om de volgende stap te zetten: een mooi programma aan trainingen op het gebied van Java, hippe frameworks, Agile/Scrum, OCP-certificering en optioneel: andere JVM-talen als Kotlin en Scala; Cloud (AWS, Azure, GCP) Soc 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

Bekijk vacature »

Microsoft Acess Developer

Functieomschrijving Wat ga je doen? Heb jij ongeveer 3 jaar ervaring als Software Developer, en komen de volgende kennisgebieden jou niet vreemd voor: MS Acces, C# & SQL? Vind jij het daarnaast leuk om maatwerk software te ontwikkelen voor klanten in een bijzondere branche? Lees dan snel verder! Als developer ben jij samen met een gemotiveerd team van 10 collega’s verantwoordelijk voor het creëren van aangemeten software voor klanten. Je bent klantvriendelijk en oplossingsgericht ingesteld, omdat het essentieel is om de klanten zo goed mogelijk te helpen met hun uitdagingen. Het is mogelijk om vanuit huis je werkzaamheden uit te

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

16/04/2024 23:02:27
 
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.