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