Wyświetlenie lokalizacji na mapie

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;
  }
}
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

0

nie pomogło ;/

0

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/maps/documentation/javascript/examples/map-geolocation). Tam masz cały działający przykład.

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;
  }
}

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