Geolokacja i pogoda w JS

pytanie zadane 1 października 2022 w JavaScript przez Yorweth Obywatel (1,310 p.)

Cześć

Podobnie jak w temacie poszukuję poradnika lub pomocy odnośnie tematu geolokalizacji.

Chciałbym, aby strona bez freameworka wysyłała żadanie do przeglądarki o możliwość lokalizacji, a po zatwierdzeniu opcji, aby mogła wtedy wyświetlić pogodę.

Widziałem apki w JS które służyły jako pogodynki, gdzie trzeba wpisać lokalizację i wszystko pobierało się z strony openweathermap.org, lecz chciałbym pominąć wpisywaniu lokalizacji tylko, aby samemu mogło ją sprawdzić.

Widziałem poradniki w React które działają, ale nie chciałem używać do tego aktualnie freameworka i spróbować w samem JS, czy jest takie rozwiązanie?

2 odpowiedzi

odpowiedź 1 października 2022 przez Wiciorny Ekspert (269,690 p.)

odpowiedź 2 października 2022 przez neo1020 Dyskutant (8,430 p.)

Ja kiedyś próbowałem zrobić mapkę i został mi taki skrypt, działa i pobiera koordynaty

<html>
<div class="op">
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

<div id="wx">X</div>
<div id="wh">X</div>
<div class="map">
</div>
<button onclick ="getLocation()" id="click">?</button>
</div>
<script>
//function that gets the location and returns it
function getLocation() {
  if(navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPosition);
  } else {
    console.log("Geo Location not supported by browser");
  }
}
//function that retrieves the position
function showPosition(position) {
  var wx = position.coords.longitude;
  var wh = position.coords.latitude;
  
  // var wx = Math.round(wx)
  // var wh = Math.round(wh)
  
  $("#wx").text(wx);
  $("#wh").text(wh);

  
  console.log(wx)
  console.log(wh)

getLocation();



</script>

</html>

komentarz 4 października 2022 przez pasterzop Nowicjusz (100 p.)
edycja 6 października 2022 przez pasterzop

ustawić pozycję. współrzędne. szerokość i położenie. współrzędne. ...
użyj zmiennej div lokalizacji, aby wyświetlić szerokość i długość geograficzną lokalizacji.
użyj $. metoda getJSON jQuery do wykonania żądania do adresu URL interfejsu API pogody.
ustawić wartości temp i dziennych div do danych. w tej chwili. temperatura i dane.

techzpod download mobdro