Ajax call openweathermap.org

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

C# Developer

Dit ga je doen Je gaat aan de slag in het websites team of portals team waarin je je bezighoudt met concept & design, implementatie en ook een stukje bugfixing en onderhoud; Je werkt met je team volgens de Scrum werkwijze; Zo adviseer je ook de PO & Scrum Master over de technische architectuur, koppelingen en integratie met externe systemen en API’s; Je blijft op de hoogte van de laatste ontwikkelingen en trends op het gebied van C# / .NET en deelt deze kennis binnen de organisatie. Hier ga je werken Onze klant is een internationale organisatie gevestigd in de

Bekijk vacature »

Senior Front end developer Automotive Angular

Functie Als Senior Front end developer kom je te werken in een team van 11 developers. 9 van de 11 focussen zich op back end, welke is geschreven in Java, en 2 op de front end waarbij er gebruik wordt gemaakt van Typescript en Angular. De focus in deze rol ligt op 2 aspecten; doorontwikkeling van de eigen tooling en gebruik van de tooling t.b.v. klantprojecten. Momenteel zijn ze in de afrondende fase van een project waarbij ze het gehele verkoopproces van nieuwe auto’s anders ingeregeld hebben voor een grote dealer in Nederland. Waarbij Auto’s normaliter pas verkocht werden in

Bekijk vacature »

Junior .NET developer

Functie Jij hebt natuurlijk net jouw Bachelor op zak en gaat nu voor het eerst aan de slag bij een werkgever als junior .NET ontwikkelaar. Waarschijnlijk lijkt het jou spannend om ineens aan de slag te gaan bij klanten in de consultancy. Maak je niet druk, jij komt hier terecht in een warm bad en wordt totaal niet in het diepe gegooid. Zodra jij hier begint wordt jij gekoppeld aan een persoonlijke manager met een persoonlijk ontwikkelplan. Jij krijgt een scala aan trainingen, denk aan trainingen ten behoeve van het opdoen van zelf kennis en gedragscompetenties, maar ook trainingen voor

Bekijk vacature »

Junior .NET developer

Functie Als junior .NET developer start jij in een development team met twee ervaren software ontwikkelaars. Jouw persoonlijke ontwikkeling is voor ons erg belangrijk en jij gaat dan ook meelopen met onze Senior .NET ontwikkelaar die jou met zijn kennis en ervaring een goede begeleiding kan aanbieden. Als team zijn jullie verantwoordelijk voor het schrijven van software voor onze toonaangevende Automatiseringssystemen. Jij gaat aan de slag met de onderhoud van de kernsoftware, ondersteund de software van derden door het gebruik van onze webservices en als team zijn jullie verantwoordelijk voor het ontwikkelen van onze backend oplossingen. Wij maken op dit

Bekijk vacature »

Back end developer PHP

Functie Heb jij altijd al eens bij een bedrijf willen werken waar jij géén nummertje bent, die alleen maar uitvoerend werk doet? Dan zou je hier perfect passen! Tuurlijk, je werkt aan projecten voor grote of kleine bedrijven… Het enige verschil hier is, jouw mening telt hier écht. Jouw inbreng wordt gewaardeerd, serieus genomen en gebruikt. En vergeet niet, je werkt niet alleen aan deze projecten. Er werken in totaal ruim 25 developers en designers, onderverdeeld over 3 development teams. Voornamelijk bestaande uit Medior en Senior developers, die samen voor een inspirerende en ambitieuze omgeving zorgen. Hun visie is namelijk

Bekijk vacature »

Software Programmeur

Functie omschrijving Ben jij op zoek naar een organisatie waar je samen met een team werkt aan iets moois en waar je naast hard werken ook hard kunt lachen? Dan ben je hier aan het juiste adres! Voor een informeel IT-bedrijf in omgeving Wassenaar zijn wij op zoek naar versterking. Ben jij op zoek naar een nieuwe uitdaging als Software Programmeur lees dan snel verder! Werkzaamheden Programmeur Je bent bezig met het ontwikkelen van software en webapplicaties. Je kunt technische klussen uitvoeren op locatie. Je onderhoudt contact met de projectleider om er zeker van te zijn dat een project goed

Bekijk vacature »

Medior/Senior Python developer (Django)

Functie Je komt te werken in het IT-team bestaande uit de Lead developer en 4 (medior/senior) developers. Gezamenlijk werken jullie aan de verbetering en uitbreiding van de software. Binnen het development team is er veel vrijheid en zelfstandigheid, zonder dat ze hiermee afdoen aan de kwaliteit. Zo hebben ze elke ochtend een korte stand-up (10:00 uur) en werken ze met pair-programming sessies. Ook is er een hele professionele ontwikkelcyclus waarbij code altijd eerst door een collega wordt getest voordat het naar deployement gaat. Er is een kwaliteitsfocus en dan biedt ruimte om verbeteringen echt door te voeren binnen de gehele

Bekijk vacature »

PHP back-end developer gezocht!

Functie Werk je liever zonder druk en keiharde deadlines maar met de focus op kwaliteit? Dan kom je hier op de juiste plek terecht! In Het team bestaat momenteel uit 12 developers, hiernaast werken er collega’s van front-end, UX maar ook marketing/sales en support. In iedere sprint ontwikkel je samen functionaliteiten met als uitdaging om de klanten de beste gebruikerservaring te bieden. Ze bieden een werkplek waar je jezelf kunt blijven ontwikkelen, en mee te werken aan zowel bestaande als nieuwe mogelijkheden. Eisen • HBO werk- en denkniveau (ze kijken niet naar een papiertje) • Je denkt graag mee over

Bekijk vacature »

Medior/senior front end developer React Sportsoftw

Functie Voor deze functie ben ik op zoek naar een enthousiaste front end developer die communicatief vaardig is. Jij wordt onderdeel van een enthousiast jong team dat werkt aan grote websites. Binnen jouw rol ben jij diegene die de vertaling maakt van design naar functionele code en zorg jij voor goede experience op meerdere platformen. Dit doe je natuurlijk door gebruik te maken van onze stack; Javascript, HTML, CSS en React. Daarnaast wordt er gebruik gemaakt van Webcomponents en verschillende authenticatie tools. Doordat er hier gestreefd wordt naar de beste gebruikerservaringen, wordt het product constant doorontwikkeld. Hierdoor blijven ze voor

Bekijk vacature »

Laravel Developer

Functie omschrijving Voor een gave organisatie in de buurt van Den Bosch zoek ik een PHP developer. Het is van belang dat je kennis/ervaring hebt met het framework Laravel. Jij gaat in deze functie software applicaties ontwikkelen. Deze software projecten zijn heel divers, en deze organisatie maakt software, van A tot Z. Klanten kunnen in elke sector werkzaam zijn, van profit tot non-profit. Andere taken zijn onder andere: documentatie schrijven over applicaties/uitleg geven over software en applicaties/ klantcontact over bestaande applicaties/applicaties optimaliseren. Bedrijfsprofiel Deze organisatie zit in de regio van Den Bosch en is een klein bedrijf. Er werken circa

Bekijk vacature »

Software Developer

Functie omschrijving Heb jij affiniteit met ICT en een WO diploma in de pocket? Dan ben je hier aan het juiste adres. Voor een opdrachtgever in Amsterdam zijn wij op zoek naar kandidaten die (enige) ervaring hebben met Java, Javascript, C of C++. Je zal door middel van trainingen worden opgeleid tot een volwaardige Software Developer. Er wordt tijdens de training natuurlijk veel aandacht besteedt aan de vaktechnische aspecten, maar er gaat ook veel aandacht uit naar jouw persoonlijke ontwikkeling. Bedrijfsprofiel Bij deze opdrachtgever in de omgeving van Amsterdam zoeken ze meerdere enthousiaste kandidaten die hun carrière willen starten met

Bekijk vacature »

C# developer

Functie Als ervaren Software Engineer wordt jij verantwoordelijk voor het bedenken en ontwikkelen van technische (maatwerk) oplossingen voor onze klanten en dit samen met de klant af te stemmen. Jij wordt o.a. verantwoordelijk voor de doorontwikkeling het software pakket welke voor ons enorm belangrijk is. Dit pakket zorgt er namelijk voor dat wij complete productielijnen kunnen aansturen en monitoren. Daarnaast heb jij actief contact met onze hoofdvestiging om het software achter een van onze systemen te verbeteren en te herschrijven. Momenteel zijn onze C# applicaties geschreven met o.a. Winforms. Echter hebben wij de actieve ambitie om dit te gaan herschrijven

Bekijk vacature »

Team Lead/ Lead developer gezocht (Hands-on, PHP,

Functie Als Team Lead ben je de leider van één van de ontwikkelteams binnen de organisatie. Je leidt als lead developer een goed draaiend team dat werkt aan complexe en duurzame applicaties en API’s. Vanuit je kennis en ervaring ben je in staat het grote plaatje te blijven overzien, en kritisch mee te denken over bijvoorbeeld de architectuur, maar ook de algehele aanpak binnen het project. Je laat je team niet alleen technisch goed functioneren maar ben ook betrokken bij het menselijke aspect. Zo weet jij je collega’s te motiveren en begeleiden in hun dagelijkse werk. Buiten het team ben

Bekijk vacature »

Developer Full Stack

Functie omschrijving Full Stack Developer gezocht! Wij zijn op zoek naar een Full Stack Developer voor een bedrijf in de regio Nijkerk. Je maakt in deze functie onderdeel uit van een groeiend team met een goede ambitie waarbij eenheid, betrokken en overtreffen de belangrijkste kernwaardes zijn. Het bedrijf werkt volgens de AGILE/SCRUM methode, wat je o.a. terug vindt in de tweewekelijkse sprints, retrospectives en een daily standup. Je takenpakket bestaat uit: Bijdragen aan het door ontwikkelen, onderhouden en optimaliseren van een Saas applicatie; Bijdragen aan de innovatie van het bedrijf en hun klanten; Het ontwikkelen op de laatste technologie van

Bekijk vacature »

Junior Front end developer

Functie Jij als developer gaat ons helpen onze producten verder te ontwikkelen en in te zetten in de markt. Op dit moment bestaat ons SaaS product uit 3 componenten die zowel los als in een pakket gekocht kunnen worden. Het gaat hier om een online kaartapplicatie, een workflow tool en een monitoring tool. Momenteel zijn wij 3 jaar geleden gestart met de ontwikkeling. De tech-stack waarmee we werken is voornamelijk Javascript, Vue.js en Python. Daarnaast gebruiken wij FaundaDB als database en werken we veel met GIS applicaties. De uitdaging die we momenteel hebben is dat we momenteel een intern team

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/05/2024 01:10:13
 
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.