Locatie opvragen php en javascript

Status
Niet open voor verdere reacties.

nuffie11

Gebruiker
Lid geworden
1 jul 2011
Berichten
62
Ik heb een weer widget gemaakt voor mijn eigen startpagina, deze werkt, alleen wil ik dat de plaatst automatisch aanpast wanneer ik in een andere plaats ben.

Ik vraag dit op:
PHP:
$result = json_decode(file_get_contents('https://api.wunderground.com/api/key/forecast10day/lang:NL/q/NL/Breda.json'),true);

Nu moet de plaatsnaam 'Breda' in de link automatisch aanpassen. Ik heb wel een javascript code gevonden:
Code:
<script type="text/javascript">
$.get("https://ipinfo.io/json", function (response) {
$("#address").html(response.city);
}, "jsonp");
</script>
<div id="address"></div>

Maar als ik '<div id="address"></div>' op de plaats van Breda zet werkt dit natuurlijk niet. Hij vraag echter wel de plaats op.

Mijn vraag: Kan ik die javascript in die php integreren zodat dit samen werkt?
 
Je kunt een JSON toch prima met Javascript verwerken? Dan heb je heel PHP niet nodig.
HTML:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script>
jQuery(document).ready(function($) {
  $.ajax({
  url : "http://api.wunderground.com/api/Your_Key/geolookup/conditions/q/IA/Cedar_Rapids.json",
  dataType : "jsonp",
  success : function(parsed_json) {
  var location = parsed_json['location']['city'];
  var temp_f = parsed_json['current_observation']['temp_f'];
  alert("Current temperature in " + location + " is: " + temp_f);
  }
  });
});
</script>

Je zou ook gebruik kunnen maken van Web API om de geolocatie op te vragen: https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/Using_geolocation

Die kun je vervolgens weer gebruiken richting de API van Weather Underground ;)

Code:
http://api.wunderground.com/api/Your_Key/forecast10day/lang:NL/q/52.3667,4.9125
 
Heb je hier iets aan? Het resultaat is de geo van de bezoeker van de pagina.
Code:
<table id="GeoResults"></table>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$.getJSON("http://ip-api.com/json/?callback=?", function(data) {
  var table_body = "";
  $.each(data, function(k, v) {
    table_body += "<tr><td>" + k + "</td><td><b>" + v + "</b></td></tr>";
  });
  $("#GeoResults").html(table_body);
});
</script>
Dit script en alle info van deze api vind je op http://ip-api.com/docs/api:json

Suc6. Have fun.
 
Status
Niet open voor verdere reacties.

Nieuwste berichten

Terug
Bovenaan Onderaan