PDA

Zobacz pełną wersję : Google Maps - 1 mapa 2 punkty



amar
02-02-2010, 20:34
Witam

Szukałem na forum, niestety nie znalazłem odpowiedniego tematu.

Chciałbym umieścić na jednej mapie 2 lub 3 widoczne punkty.

Z wygenerowaniem dla jednej lokalizacji nie mam problemu, niestety nie wiem w jaki sposób mogę to zrobić dla kilku punktów.

Michael_23
02-02-2010, 21:14
Nie znalazłeś bo to forum Joomli, pogooglaj: "Google Maps Api"
wklejaj przez edytor w trybie tekstowym.

amar
02-02-2010, 22:42
Jak wygenerować mapę, aby było widocznych kilka punktów wiem. W zwykłym html'u zapiszę i po uruchomieniu go w przeglądarce widzę wszystko. Przeklejając kod do joomla widać szare tło w miejscu gdzie ma być widoczna mapa.

Mój problem w tym tkwi, w pierwszym poście nie jasno się wyraziłem.

Michael_23
02-02-2010, 22:44
wklejasz przez edytor w trybie tekstowym jak pisałem wyżej ?

klucz do mapy masz ? (API 1 i 2)

amar
02-02-2010, 22:53
Klucz mam wygenerowany dla jednej domeny i jednego adresu.
Teraz chcę aby na tej samej mapie pojawił dla tej samej domeny drugi marker z innym adresem.

Michael_23
02-02-2010, 22:59
Powtórzę pytanie /trzeci raz pytam ;-)/:

wklejasz przez edytor w trybie tekstowym jak pisałem wyżej ?

amar
02-02-2010, 23:03
Tak wklejam.
To co w zwykłym html jest widoczne w przeglądarce w joomla jedynie w miejscu mapy widać szary kwadrat.

Michael_23
02-02-2010, 23:20
Za mało szczegółów /regulamin tego forum się kłania/
/tracę teraz czas - takie rzeczy trzeba pisać od razu/

1. Joomla, która ?
2. Przeglądarka - jaka ?
3. Kod /mapy/ ?
4. ??? itd.

amar
02-02-2010, 23:43
Sorry za chaos.

Joomla 1.5.15, sprawdzałem to na explorerze 8, firefox 3.5.7 i operze 10.10



<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" media="all">@import "/style/Przyklad.css";</style>
<title>Przykład</title>
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
</head>
<body onload="mapaStart()">
<script type="text/javascript">
<!--
var mapa;

function dodajMarker(lat,lon,opcjeMarkera)
{

opcjeMarkera.position = new google.maps.LatLng(lat,lon);

opcjeMarkera.map = mapa;
var marker = new google.maps.Marker(opcjeMarkera);
}

function mapaStart()
{
var opcjeMapy =
{
center: new google.maps.LatLng(53.41935400090768,14.5816040039 0625),
zoom: 10,
mapTypeId: google.maps.MapTypeId.SATELLITE
}
mapa = new google.maps.Map(document.getElementById("mapka"), opcjeMapy);


dodajMarker(53.400,14.700,{title: 'marker', draggable: true});


dodajMarker(53.400,14.600,{title: 'marker', clickable: false});


dodajMarker(53.400,14.500,{title: 'marker'});


dodajMarker(53.400,14.400,{});
}
-->
</script>
<div id="mapka" style="width: 700px; height: 500px; border: 1px solid black; background: gray;">
<!-- tu będzie mapa -->
</div>

</body>
</html>

Link - na górze mapka utworzona przez dodatek google maps, na dole owy szary kwadrathttp://shutters.cz/index.php?option=com_content&view=article&id=15

Wersja PHP: 5.2.12

Jola
03-02-2010, 01:51
Witam,
musi być
<body onload="mapaStart()">

amar
03-02-2010, 20:02
Niestety dalej nie działa :(

Jola
03-02-2010, 20:05
Bo nadal nie ma wpisu w body.

amar
03-02-2010, 20:43
Czy mogłabyś mnie nakierować jakiego dokładnie wpisu brakuje ?

Wklejając kod



<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" media="all">@import "/style/Przyklad.css";</style>
<title>Przykład</title>
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
</head>
<body onload="mapaStart()">
<script type="text/javascript">
<!--
var mapa;

function dodajMarker(lat,lon,opcjeMarkera)
{

opcjeMarkera.position = new google.maps.LatLng(lat,lon);

opcjeMarkera.map = mapa;
var marker = new google.maps.Marker(opcjeMarkera);
}

function mapaStart()
{
var opcjeMapy =
{
center: new google.maps.LatLng(53.41935400090768,14.5816040039 0625),
zoom: 10,
mapTypeId: google.maps.MapTypeId.SATELLITE
}
mapa = new google.maps.Map(document.getElementById("mapka"), opcjeMapy);


dodajMarker(53.400,14.700,{title: 'marker', draggable: true});


dodajMarker(53.400,14.600,{title: 'marker', clickable: false});


dodajMarker(53.400,14.500,{title: 'marker'});


dodajMarker(53.400,14.400,{});
}
-->
</script>
<div id="mapka" style="width: 700px; height: 500px; border: 1px solid black; background: gray;">
<!-- tu będzie mapa -->
</div>

</body>
</html>



otrzymuję



<!-- @import "/style/Przyklad.css"; -->
<p>Przykład</p>
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
<script type="text/javascript">// <![CDATA[

var mapa;

function dodajMarker(lat,lon,opcjeMarkera)
{

opcjeMarkera.position = new google.maps.LatLng(lat,lon);

opcjeMarkera.map = mapa;
var marker = new google.maps.Marker(opcjeMarkera);
}

function mapaStart()
{
var opcjeMapy =
{
center: new google.maps.LatLng(53.41935400090768,14.5816040039 0625),
zoom: 10,
mapTypeId: google.maps.MapTypeId.SATELLITE
}
mapa = new google.maps.Map(document.getElementById("mapka"), opcjeMapy);


dodajMarker(53.400,14.700,{title: 'marker', draggable: true});


dodajMarker(53.400,14.600,{title: 'marker', clickable: false});


dodajMarker(53.400,14.500,{title: 'marker'});


dodajMarker(53.400,14.400,{});
}
// ]]></script>
<div id="mapka" style="border: 1px solid black; background: gray none repeat scroll 0% 0%; width: 700px; height: 500px;"><!-- tu będzie mapa --></div>

Nie zapisuje mi m.in <body onload="mapaStart()"> i paru innych linijek kodu

Jola
03-02-2010, 20:55
Już napisałam w #10
Może Cię to przerazi, ale najlepiej umieścić taką własną mapkę w ramce. Dodanie funkcji mapaStart() do znacznika body w pliku szablonu index.php Joomla może spowodować kłopoty z działaniem innych skryptów.

amar
04-02-2010, 19:43
Dzięki Jolass !! :)

Dodałem <body onload="mapaStart()"> tam gdzie proponowałaś i zadziałało.
Na tą chwilę nie występują żadne problemy w funkcjonowaniu strony.

zielak18
18-03-2010, 08:07
A ja mam inny problem chodzi mi jak usunąć formular zgłoszeniowy w Google maps 2328

Michael_23
18-03-2010, 22:37
To chyba nie to forum, zapytaj na liście GoogleMaps

michals212
24-03-2010, 12:42
próbuje wstawić okienko z google map niestety bez sukcesu wyśietal mi komunikat

Wyświetl większą mapę (http://www.google.com/maps?f=q&source=embed&hl=pl&geocode=&q=Warszawa,+waszyngtona+33&sll=37.0625,-95.677068&sspn=25.05109,60.073242&ie=UTF8&hq=&hnear=Aleja+Jerzego+Waszyngtona+33,+Warszawa,+Mazo wieckie,+Polska&ll=52.243253,21.070361&spn=0.003942,0.006437&t=h&z=16) i rzeczywiscie jak klikne to pokazuje wszytko w nowym oknie ale ja chiał bym w tresci artykułu
a oto treśc z google map z pozycji link:

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.pl/maps?f=q&amp;source=s_q&amp;hl=pl&amp;geocode=&amp;q=waszyngtona+3 3,+warszawa&amp;sll=52.025459,19.204102&amp;sspn=9.68763,3 0.036621&amp;ie=UTF8&amp;hq=&amp;hnear=Aleja+Jerzego+Waszyngto na+33,+Warszawa,+Mazowieckie&amp;ll=52.242507,21.06931 7&amp;spn=0.004599,0.00912&amp;z=16&amp;iwloc=A&amp;output=embed"></iframe><br /><small><a href="http://maps.google.pl/maps?f=q&amp;source=embed&amp;hl=pl&amp;geocode=&amp;q=waszyngtona +33,+warszawa&amp;sll=52.025459,19.204102&amp;sspn=9.68763 ,30.036621&amp;ie=UTF8&amp;hq=&amp;hnear=Aleja+Jerzego+Waszyng tona+33,+Warszawa,+Mazowieckie&amp;ll=52.242507,21.069 317&amp;spn=0.004599,0.00912&amp;z=16&amp;iwloc=A" style="color:#0000FF;text-align:left">Wyświetl większą mapę</a></small>

Bahanetii
20-04-2010, 19:36
Zrobiłeś ? bo nie wiem czy pisać?

michals212
21-04-2010, 08:42
nie niestety nie ruszyłem tematu

Bahanetii
21-04-2010, 09:15
nie niestety nie ruszyłem tematu
:-)
No to tutaj Masz rozwiązanie z zastosowaniem pluginu google_maps
http://tech.reumer.net/Google-Maps/Demo-Google-Maps/Map-in-table.html
:-)

dolar
15-06-2010, 20:13
Hej, podepnę się pod temat ;P
Dodałem mapkę google w artykuł, sposobem co podał Bahanetii , ale..w artykule pokazuje mi inny pkt. na mapie,inny niż oryginalnie na google maps ? co zrobić żeby dobrze wskazywało adres ? i jeszcze jedno pytanie, bo niebawem uruchomię stronę , forum, ogłoszenia, artykuły itp. i czy mogę taką mapkę wklejać legalnie do artykułów w dziale z adresami pewnych instytucji ?

Bahanetii
16-06-2010, 00:45
Hej, podepnę się pod temat ;P
Dodałem mapkę google w artykuł, sposobem co podał Bahanetii , ale..w artykule pokazuje mi inny pkt. na mapie,inny niż oryginalnie na google maps ? co zrobić żeby dobrze wskazywało adres ? i jeszcze jedno pytanie, bo niebawem uruchomię stronę , forum, ogłoszenia, artykuły itp. i czy mogę taką mapkę wklejać legalnie do artykułów w dziale z adresami pewnych instytucji ?
Cześć - jeżeli Masz ochotę to wrzuć mi link do strony z artykułem i mapką - zerknę w czym jest knif.
Co do kwestii prawnej :
Wykorzystanie jest dozwolone o ile mapka niewykorzystywana komercjalne /w rozumieniu - Możesz umieszczać ją na dowolnej witrynie o ile dostęp do niej jest powszechny i otwarty - nie wolno pobierać ci opłaty za korzystanie użytkowników netu z tej mapy. Zapytasz: no tak, ja jednak umieszczam mapkę na witrynie za którą biorę kasę - tutaj jest ok. Ty pobierasz kasę za umieszczenie tam modułu i mapy, nie za korzystanie z niej (podobnie jest w przypadku stawiania witryny na joomli// właścicielowi witryny natomiast nie wolno pobierać opłaty za korzystanie z niej przez przeglądających witrynę (np, wyślij sms na numer to dostaniesz kod umożliwiający ci wyznaczenie strefy miasta i wygenerowanie - to jest już naruszeniem zasad udostępnienia przy tym typie licencji której udziela google).
Obwarowanie numer dwa - umieszczanie mapki w witrynie jest nieodpłatne o ile dzienny wskaźnik odwiedzin nie przekracza 500 000 wejść.
I to by było na tyle: /całość znajdziesz w licencji google maps/.
Pzdr.
P.S. Możesz uderzyć bezpośrednio na bahanetti@gmail.com

bobstar
19-10-2012, 09:47
WItam serdecznie
wiem, że temat dość stary, ale próbuję wstawić na swoją stronę mapkę google z kilkoma znacznikami. próbowałem wkleić powyższy kod do artykułu w joomla 1.5, ale niestety pojawia mi się szara ramka zamiast mapki. nie do końca rozumiem też, gdzie mam wstawić <body onload="mapaStart()">
proszę o radę krok po kroku, jak zrobić taką mapkę
z góry dzięki