Geolocation funktioniert 🙂
// ABFRAGE VON GEOLOCATION
if (navigator.geolocation) {
jQuery(‚div#weather‘).html(‚

Geolocation funktioniert 🙂

‚);

function position(currentPosition) {
var coords = currentPosition.coords;
var lat = coords.latitude;
var lng = coords.longitude;

weatherApi(lat, lng);
};
} else {
jQuery(‚div#weather‘).html(‚

Geolocation funktioniert nicht 🙁

‚);

var lat = ‚52.52‘;
var lng = ‚13.39‘;

weatherApi(lat, lng);
}

navigator.geolocation.getCurrentPosition(position);

// FUNCTION
function weatherApi (newPositionLat = null , newPositionLng = null ) {
// AUSLESEN VON LAT UND LNG
if ( newPositionLat == null && newPositionLng == null ) {
var newPositionLat = ‚52.5200066‘;
var newPositionLng = ‚13.404954‘;
}

// API URL
var apiUrl = ‚https://api.openweathermap.org/data/2.5/weather?lat=‘ + newPositionLat + ‚&lon=‘ + newPositionLng + ‚&units=metric&appID=d658a7b5c33b3fe424f9dfc8f4413aa0‘;

// WETTER API
jQuery.ajax ({
url: apiUrl,
type: ‚GET‘,
dataType: ‚jsonp‘,
success: function(data) {
// KOORDINATEN
var coordLat = data.coord.lat;
var coordLng = data.coord.lon;

// WETTER
var weatherId = data.weather[0].id;
var weatherMain = data.weather[0].main;
var weatherDesc = data.weather[0].description;
var weatherIcon = ‚‚;
var weatherBg = data.weather[0].icon;

// EXAKT

if ( weatherBg == 800 ) {
// klares wetter
jQuery(‚div#weatherBg‘).css(‚background-color‘, ‚yellow‘);
} else if ( weatherBg == 951 ) {
// ruhe
jQuery(‚div#weatherBg‘).css(‚background-color‘, ‚blue‘);
} else if ( weatherBg == 952 ) {
// leichte-briese
jQuery(‚div#weatherBg‘).css(‚background-color‘, ‚AliceBlue ‚);
} else if ( weatherBg == 954 ) {
// maessige-briese
jQuery(‚div#weatherBg‘).css(‚background-color‘, ‚AntiqueWhite ‚);
} else if ( weatherBg == 955 ) {
// frische-briese
jQuery(‚div#weatherBg‘).css(‚background-color‘, ‚Aqua‘);
} else if ( weatherBg == 956 ) {
// starke-briese
jQuery(‚div#weatherBg‘).css(‚background-color‘, ‚Aquamarine ‚);
} else if ( weatherBg == 957 ) {
// starker-wind
jQuery(‚div#weatherBg‘).css(‚background-color‘, ‚Azure‘);
} else if ( weatherBg == 958 ) {
// sturm
jQuery(‚div#weatherBg‘).css(‚background-color‘, ‚BlueViolet‘);
} else if ( weatherBg == 959 ) {
// starker-sturm
jQuery(‚div#weatherBg‘).css(‚background-color‘, ‚Brown‘);
} else if ( weatherBg == 959 ) {
// starker-sturm
jQuery(‚div#weatherBg‘).css(‚background-color‘, ‚BurlyWood‘);
} else if ( weatherBg == 960 ) {
// sturm
jQuery(‚div#weatherBg‘).css(‚background-color‘, ‚CadetBlue‘);
} else if ( weatherBg == 961 ) {
// heftiger-sturm
jQuery(‚div#weatherBg‘).css(‚background-color‘, ‚Chartreuse‘);
} else if ( weatherBg == 962 ) {
// hurrikan
jQuery(‚div#weatherBg‘).css(‚background-color‘, ‚Coral‘);
}

// RANGE

else if ( weatherBg >= 900 && weatherBg <= 950 ) { // extrem jQuery('div#weatherBg').css('background-color', 'DarkBlue'); } else if ( weatherBg >= 801 && weatherBg <= 899 ) { // wolkig jQuery('div#weatherBg').css('background-color', 'DarkGrey'); } else if ( weatherBg >= 701 && weatherBg <= 799 ) { // atmosphäre jQuery('div#weatherBg').css('background-color', 'DarkTurquoise'); } else if ( weatherBg >= 600 && weatherBg <= 700 ) { // schnee jQuery('div#weatherBg').css('background-color', 'GhostWhite'); } else if ( weatherBg >= 500 && weatherBg <= 599 ) { // regen jQuery('div#weatherBg').css('background-color', 'LightSteelBlue'); } else if ( weatherBg >= 300 && weatherBg <= 499 ) { // nieselregen jQuery('div#weatherBg').css('background-color', 'LightSkyBlue'); } else if ( weatherBg >= 200 && weatherBg <= 299 ) { // gewitter jQuery('div#weatherBg').css('background-color', 'MidnightBlue'); } // BASE var baseData = data.base; // TEMP var mainTemp = data.main.temp; var mainPressure = data.main.pressure; var mainHumidity = data.main.humidity; var mainTempMin = data.main.temp_min; var mainTempMax = data.main.temp_max; // VISIBILITY var visibility = data.visibility; // WIND var windSpeed = data.wind.speed; var windDeg = data.wind.deg; // CLOUDS var clouds = data.clouds.all; // DT var dt = data.dt; // SYS var sysType = data.sys.type; var sysId = data.sys.id; var sysMessage = data.sys.message; var sysCountry = data.sys.country; var sysSunrise = data.sys.sunrise; var sysSunset = data.sys.sunset; // ID var id = data.id; // NAME var name = data.name; // COD var cod = data.cod; var coor = '

Koordinaten

  • Lat: ‚ + coordLat + ‚
  • Lng: ‚ + coordLng + ‚

‚;
var weather = ‚

Wetter

  • ID: ‚ + weatherId + ‚
  • Main: ‚ + weatherMain + ‚
  • Desc: ‚ + weatherDesc + ‚
  • icon: ‚ + weatherIcon + ‚

‚;
var base = ‚

Base

  • Base: ‚ + baseData + ‚

‚;
var temperatur = ‚

Temperatur

  • Main Temp: ‚ + mainTemp + ‚
  • Druck: ‚ + mainPressure + ‚
  • Feuchtigkeit: ‚ + mainHumidity + ‚
  • min. Temp.: ‚ + mainTempMin + ‚
  • Max. Temp.: ‚ + mainTempMax + ‚

‚;
var visibility = ‚

Sichtweite

  • Sichtweite: ‚ + visibility + ‚

‚;
var wind = ‚

Wind

  • Wind Speed: ‚ + windSpeed + ‚
  • Wind Deg: ‚ + windDeg + ‚

‚;
var clouds = ‚

Wolken

  • Wolken: ‚ + clouds + ‚

‚;
var dt = ‚

DT

  • Dt: ‚ + dt + ‚

‚;
var system = ‚

Base

  • Typ: ‚ + sysType + ‚
  • ID: ‚ + sysId + ‚
  • Message: ‚ + sysMessage + ‚
  • Land: ‚ + sysCountry + ‚
  • Sunrise: ‚ + sysSunrise + ‚
  • Sunset: ‚ + sysSunset + ‚

‚;
var id = ‚

ID

  • ID: ‚ + id + ‚

‚;
var name = ‚

Name

  • Name: ‚ + name + ‚

‚;
var cod = ‚

Cod

  • Cod: ‚ + cod + ‚

‚;

// OUTPUT
jQuery(‚div#weather‘).html( coor + weather + base + temperatur + visibility + wind + clouds + dt + system + id + name + cod );
console.log(data);
}
});
}