PDA

Zobacz pełną wersję : Dodanie GoogleMap do artykułu


P__G
30-10-2006, 08:59
Mam problem z dodaniem GoogleMap do artykułu statycznego.
Po wyedytowaniu artykulu HTMLem wrzucam kod mapy ale nie pojawia sie on na stronie.
Kod mapy wyglada nastepujaco:

<!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" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>My Google Maps Hack</title>
<style type="text/css">
v\:* {
behavior:url(#default#VML);
}
</style>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAg1PLxmKQFIVFQgEQhGeDchQzPa6BY0Nx85sOIq OcoudvB1W2CRTfhbrc8wEV-MN44hbnx0janwa25Q"
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(49.3802, 22.3315), 9);
}
}
//]]>
</script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 600px; height: 400px"></div>
</body>
</html>

Jak to wrzucic zeby bylo widoczne ?
P__G
30-10-2006, 10:54
No i mamy nieporozumienie :)
Nie chodzi o mape strony ale o mape (w tym przypadku) okolicy.
Podany przeze mnie kod generuje na stronie cos takiego:
http://www.dk-sandomierz.one.pl/mapa

Chce pokazac lokalizacje obiektu na interaktywnej mapie i nie moge sobie z tym poradzic.
Alternativestudio
30-10-2006, 20:55
witam ponownie :)

rozwiązanie :

kod java script wstawiamy w nagłówek pliku index.php używanego theme, czyli to co niżej umieszczamy w sekcji head
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAzPbVhNIVXe_tnJlkz78d QxTJ0OQL5UrtS068R6CprbBnG_NW7RQq9mokdGIONX2FBfMsGg 2QsDJhsA"
type="text/javascript"></script>

oraz :

<script type="text/javascript">

//<![CDATA[

function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
}
}

//]]>
</script>

następnie w tagu body zaczynający obszar strony

dodajemy "onload="load()" onunload="GUnload()"

" tak aby wygladał "<body onload="load()" onunload="GUnload()">
"
nastepnie w naszym css tworzymy wpis #id map i ustalamy wartoś width i height, nastepnie w dokumencie statycznym otwieramy okno edytora html tak aby wstawic czysty kod <div id="map">|</div>
i powinno odpalić :) u mnie działa sprawdzałem