Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Google Api Key nie działa :/
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
herman.herman
Witam,
Staram się wstawić mapkę pod adresem : http://sskpojezierze.olsztyn.pl/pojezierze/?menu=kontakt
Wyswietlane jest tylko tło...a o dziwo, kiedy wpisze adres z palucha, tzn : http://sskpojezierze.olsztyn.pl/pojezierze/kontakt.htm ...wszystko działa :/

Api key został wygenerowany dla adresu http://sskpojezierze.olsztyn.pl/pojezierze/

kod pliku kontakt.htm :

CODE
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN'
'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
<title>Kontakt</title>
<script src="http://maps.google.com/maps?file=api&v=2&sensor=false&key=ABQIAAAA9X4KlevlhSgeNYWqycVRjRQUYDyaTKMJeXQQT65JQBUmgFIO8BReqMs31J1WhvsP
ZAsBk6gbGHrBA" type="text/javascript"></script>

</head>
<body onload='mapaStart()' onunload='GUnload()'>
<script type='text/javascript'>
function mapaStart()
{
if(GBrowserIsCompatible()) // sprawdzamy, czy przeglądarka jest kompatybilna
{
// tworzymy nowy obiekt mapy, i umieszczamy go w elemencie blokowym o ID "mapka"
var mapa = new GMap2(document.getElementById("mapka"));
// centrujemy mapę w okolicy Szczecina na poziomie zoom = 10
mapa.setCenter(new GLatLng(53.77591885288752,20.474116802215576),16);
mapa.setUIToDefault();

// stworzenie markera
var punkt = new GLatLng(53.77591885288752,20.47411680221557);
var marker = new GMarker(punkt,{title: 'SSK Pojezierze'});

// dodanie markera na mapę
mapa.addOverlay(marker);

}
}
</script>
<div id='mapka' style='width: 400px; height: 400px; border: 1px solid black; background: gray;' align="left">
<!-- tu będzie mapa -->
</div>
<div align="right">
Okopowa 15
</div>
</body>
</html>


Z góry dziękuje za zainteresowanie. Pozdrawiam
fander
Z tego co widzę to inkludujesz plik kontakt.htm przez co masz 2 razy deklarowany typ strony 2 razy title 2 razy meta tagi 2 razy body. Plik kontakt htm powinien wyglądac następująco:
Kod
<script type='text/javascript'>
function mapaStart()
{
if(GBrowserIsCompatible()) // sprawdzamy, czy przeglądarka jest kompatybilna
{
// tworzymy nowy obiekt mapy, i umieszczamy go w elemencie blokowym o ID "mapka"
var mapa = new GMap2(document.getElementById("mapka"));
// centrujemy mapę w okolicy Szczecina na poziomie zoom = 10
mapa.setCenter(new GLatLng(53.77591885288752,20.474116802215576),16);
mapa.setUIToDefault();

// stworzenie markera
var punkt = new GLatLng(53.77591885288752,20.47411680221557);
var marker = new GMarker(punkt,{title: 'SSK Pojezierze'});

// dodanie markera na mapę
mapa.addOverlay(marker);

}
}
</script>
<div id='mapka' style='width: 400px; height: 400px; border: 1px solid black; background: gray;' align="left">
<!-- tu będzie mapa -->
</div>
<div align="right">
Okopowa 15
</div>

a w pliku głównym pojezierze/index.php elemntu <body> zamien na <body onload="mapaStart();" >

Zawsze sprawdzaj sobie na stronie w3.org poprawnośc kodu który napisałeś.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.