Wyświetlenie lokalizacji na mapie

Odpowiedz Nowy wątek
2017-11-15 22:15
0

Chcę wyświetlić moją lokalizację na mapie google , przeglądarka pyta o pozwolenie pobrania lokalizacji lecz mapa się nie wyświetla. Nie mam w tym wcale doświadczenia , skrypt pobrany jest z przykładowej strony.
Js podłączony w head , natomiast w body pliku źródłowego html mam:


        <div>
            <p id = 'mapholder'></p>

        </div>

script.js :

if (navigator.geolocation)
  navigator.geolocation.getCurrentPosition(showPosition, showError);
else
  alert("Twoja przeglądarka nie obsługuje geolokalizacji");
function showPosition(position) {
  var latitude = position.coords.latitude;
  var longitude = position.coords.longitude;
}

function showPosition(position) {
  var latitude = position.coords.latitude;
  var longitude = position.coords.longitude;

  var img_url="http://maps.google.com/maps/api/staticmap?center="
        + latitude + "," + longitude + "&zoom=14&size=400x300&sensor=false";

  document.getElementById("mapholder").innerHTML = "<img src='" + img_url + '" + />';
}

function showError(error) {
  switch(error.code) {
    case error.PERMISSION_DENIED:
      alert("Użytkownik nie wyraził zgody na udostępnienie położenia");
      break;
    case error.POSITION_UNAVAILABLE:
      alert("Dane o położeniu niedostępne");
      break;
    case error.TIMEOUT:
      alert("Timeout");
      break;
    case error.UNKNOWN_ERROR:
      alert("Wystąpił nieznany błąd");
      break;
  }
}
edytowany 1x, ostatnio: jakubf10, 2017-11-15 22:21

Pozostało 580 znaków

2017-11-15 23:19
0

Literowka w p (podwójny cudzysłów zamiast pojedynczego?) Może by dać lepiej

<div id="mapholder"></div>

w końcu mapa to kawał obrazka, dobrze jest osadzić w elemencie blokowym

edytowany 1x, ostatnio: hapertown, 2017-11-15 23:20

Pozostało 580 znaków

2017-11-16 00:03
0

nie pomogło ;/

Pozostało 580 znaków

2017-11-16 08:25

Coś ten skrypt masz walnięty, jakbyś chciał po prostu obrazek z kawałka mapy wyświetlić.
Jak chcesz całą mapę puścić i pointer wrzucić looknij sobie do dokumentacji (https://developers.google.com[...]ript/examples/map-geolocation). Tam masz cały działający przykład.

Pozostało 580 znaków

2017-11-16 09:14
0

Hej, znalazłem błąd w Twoim skrypcie:

if (navigator.geolocation)
  navigator.geolocation.getCurrentPosition(showPosition, showError);
else
  alert("Twoja przeglądarka nie obsługuje geolokalizacji");
function showPosition(position) {
  var latitude = position.coords.latitude;
  var longitude = position.coords.longitude;
}

function showPosition(position) {
  var latitude = position.coords.latitude;
  var longitude = position.coords.longitude;

  var img_url="http://maps.google.com/maps/api/staticmap?center="
        + latitude + "," + longitude + "&zoom=14&size=400x300&sensor=false";
  document.getElementById("mapholder").innerHTML = '<img src="' + img_url + '" + />'; // <-- Zwróć uwagę na cudzysłowy. Troszkę były pokręcone ;)
}

function showError(error) {
  switch(error.code) {
    case error.PERMISSION_DENIED:
      alert("Użytkownik nie wyraził zgody na udostępnienie położenia");
      break;
    case error.POSITION_UNAVAILABLE:
      alert("Dane o położeniu niedostępne");
      break;
    case error.TIMEOUT:
      alert("Timeout");
      break;
    case error.UNKNOWN_ERROR:
      alert("Wystąpił nieznany błąd");
      break;
  }
}
edytowany 1x, ostatnio: czubeka2, 2017-11-16 09:17

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0