GoldenLine
Zaloguj się
Paweł F.

Paweł F. Z Joomla! od 2005
roku, inne CMS też
się trafiają.

Temat: 2 mapki na 1 stronie?

pytanie lakoniczne...

jak wstawić 2 mapy googlemaps - oba na API na tej samej stronie.
Domyślnie jest tak:

<script src="http://maps.google.com/maps?file=api&v=2&key=TU KLUCZ GOOGLE MAPS API"
type="text/javascript"></script>
<script type="text/javascript">

//<![CDATA[

function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.setCenter(new GLatLng(53.629981921409794, 14.85076904296875), 9);
var info='<div style="background-color: #fff; width: 190px; font-size: 11px; FONT-FAMILY: Verdana, Tahoma, Arial, Sans-Serif;"><B>OPIS</B></div>';
var point = new GLatLng(53.566022, 14.828531);
var marker = new GMarker(point);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(info);
});
map.addOverlay(marker);
marker.openInfoWindowHtml(info);

}
}

//]]>
</script>
</head>
<body onload="load()" onunload="GUnload()">


<div id="map" style="width: 300px; height: 445px; "></div>


</body>
</html>

=====
a więc odpala się za pomocą body a potem div id="map"

a jak drugą odpalić i gdzie ją wstawić?
Link do wypowiedziLink
Marcin Laber

Marcin Laber internet
technologies
magician

Temat: 2 mapki na 1 stronie?

Tworząc drugi obiekt GMap2 i wstawiając do innego elementu...
Link do wypowiedziLink
Paweł F.

Paweł F. Z Joomla! od 2005
roku, inne CMS też
się trafiają.

Temat: 2 mapki na 1 stronie?

tzn?
czyli można jak 5-latkowi.
Link do wypowiedziLink

konto usunięte

Temat: 2 mapki na 1 stronie?

Paweł F.:
tzn?
czyli można jak 5-latkowi.


Paweł F.:
...
var map = new GMap2(document.getElementById("map"));
...
...
<div id="map" style="width: 300px; height: 445px; "></div>

oraz:
...
var map = new GMap2(document.getElementById("map2"));
...
...
<div id="map2" style="width: 300px; height: 445px; "></div>

Zwróć uwagę na pogrubione przeze mnie fragmenty map i map2Robert B. edytował(a) ten post dnia 29.09.08 o godzinie 14:12
Link do wypowiedziLink
Paweł F.

Paweł F. Z Joomla! od 2005
roku, inne CMS też
się trafiają.

Temat: 2 mapki na 1 stronie?

ale funkcja zostaje jedna??
...bo ja chce inne miasto jeszcze wyświetlić, oprócz 1-go.

----------Mapa nr 1 - miasto ABC --------

---------Mapa nr2 - miasto DEF -----------
Link do wypowiedziLink
Marcin Laber

Marcin Laber internet
technologies
magician

Temat: 2 mapki na 1 stronie?

w js:



function load()

{

	if (GBrowserIsCompatible())

	{

		// mapka nr 1

		var map1 = new GMap2(document.getElementById("map1"));

		map1.addControl(new GLargeMapControl());

		map1.setCenter(new GLatLng(53.629981921409794, 14.85076904296875), 9);

		var info1='<div style="background-color: #fff; width: 190px; font-size: 11px; FONT-FAMILY: Verdana, Tahoma, Arial, Sans-Serif;"><B>OPIS</B></div>';

		var point1 = new GLatLng(53.566022, 14.828531);

		var marker1 = new GMarker(point1);

		GEvent.addListener(marker1, "click", function() { marker1.openInfoWindowHtml(info1); });

		map1.addOverlay(marker1);

		marker1.openInfoWindowHtml(info1);

			// mapka nr 2

		var map2 = new GMap2(document.getElementById("map2"));

		map2.addControl(new GLargeMapControl());

		map2.setCenter(new GLatLng(53.629981921409794, 14.85076904296875), 9);

		var info2='<div style="background-color: #fff; width: 190px; font-size: 11px; FONT-FAMILY: Verdana, Tahoma, Arial, Sans-Serif;"><B>OPIS</B></div>';

		var point2 = new GLatLng(53.566022, 14.828531);

		var marker2 = new GMarker(point2);

		GEvent.addListener(marker2, "click", function() { marker2.openInfoWindowHtml(info2); });

		map2.addOverlay(marker2);

		marker2.openInfoWindowHtml(info2);

	}

}


zaś w kodzie strony:



<div id="map1" style="width: 300px; height: 445px; "></div>

<div id="map2" style="width: 300px; height: 445px; "></div>
Link do wypowiedziLink
Paweł F.

Paweł F. Z Joomla! od 2005
roku, inne CMS też
się trafiają.

Temat: 2 mapki na 1 stronie?

... kurcze a jednak coś...:(

bo wczytuje 1 i 2 mapę, po czym 1 mapa robi się biała! i lipa

demo: http://galanlogistics.pl/kontakt.php

czy ktoś wie w czym problem?



<script type="text/javascript">



//<![CDATA[



function load() {

if (GBrowserIsCompatible()) {

// mapka 1  - goleniów

         var map1 = new GMap2(document.getElementById("map1"));

         map1.addControl(new GLargeMapControl());

         map1.enableContinuousZoom();

         map1.enableDoubleClickZoom();

         map1.setCenter(new GLatLng(53.60717372752561, 14.85076904296875), 9);

         var info1='<div style="background-color: #fff; width: 190px; font-size: 11px; FONT-FAMILY: Verdana, Tahoma, Arial, Sans-Serif;"><B>GALAN LOGISTICS Goleniów</B><hr>Słowackiego 2, 72-100 Goleniów</div>';

         var point1 = new GLatLng(53.566022, 14.828531);

         var marker1 = new GMarker(point1);

         GEvent.addListener(marker1, "click", function() {

          marker1.openInfoWindowHtml(info1);

         });

         map1.addOverlay(marker1);

         marker1.openInfoWindowHtml(info1);

	// mapka 2 -  szamotuły	 

	     var map2 = new GMap2(document.getElementById("map2"));

         map2.addControl(new GLargeMapControl());

		 map2.enableContinuousZoom();

         map2.enableDoubleClickZoom();

         map2.setCenter(new GLatLng(52.74294319885714, 16.622314453125), 8);

         var info2='<div style="background-color: #fff; width: 190px; font-size: 11px; FONT-FAMILY: Verdana, Tahoma, Arial, Sans-Serif;"><B>GALAN LOGISTICS Szamotuły</B><hr>fax +48 (061) 2916 516<BR>ul. Łokietka 5, 64-500 Szamotuły </div>';

         var point2 = new GLatLng(52.612008, 16.579359);

         var marker2 = new GMarker(point2);

         GEvent.addListener(marker2, "click", function() {

         marker2.openInfoWindowHtml(info2);

         });

         map2.addOverlay(marker2);

         marker2.openInfoWindowHtml(info2);



}

}



//]]>

</script>
Paweł F. edytował(a) ten post dnia 29.09.08 o godzinie 23:01
Link do wypowiedziLink
Maciej Marczewski

Maciej Marczewski Pozytywnie zakręcony
na punkcie polskiej
turystyki.

Temat: 2 mapki na 1 stronie?

Widzę, że sprawa została rozwiązana, bo obie mapki się ładują.

Nie masz tylko na stronie zdefiniowanego info1 z tego co widzę.
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

Podanie lokalizacji firmy n...




Wyślij zaproszenie do
Anuluj