Zobacz pełną wersję : Google maps
Witam
Poszukuje komponentu dzięki któremu będę mógł dodać mapy z Google. Szukałem na forum i w Google ale nic nie znalazłem proszę o pomoc
Plugin Googlemaps (http://extensions.joomla.org/component/option,com_mtree/task,viewlink/link_id,1147/Itemid,35/)
Znalazłem zainstalowałem jako dodatek ale próbuje i nie mogę tego opublikować jak zrobić żeby sie wyświetlało na stroni. Jest może spolszczenie.
A czy wygenerowałeś dla swojej witryny google map api key?
Jeśli nie, tutaj masz linka:
http://www.google.com/apis/maps/signup.html (http://www.google.com/apis/maps/signup.html)
Opis użycia masz na stronie, którą Tobie podałem wcześniej.
Fakt, jest po angielsku, ale jak nie zna się angielskiego, to spokojnie można przez to przebrnąć ze słownikiem w ręku.
Mam już api keyale dalej nie wiem jak wyświetlić mapę na stronie próbuje zrobić artykuł i go publikuje wklejam kod generowany przez Google ale nic moze ni ktoś pomóc
<!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>Google Maps JavaScript API Example</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=hjks234dksaldjHJEH2pYGebj7Yz S3jxRrAToaJsERbf7NrUGKIw3H4p9NexTIGVTfXVfhu9HgVGai clTYm7U0nQ"
type="text/javascript"></script>
<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>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 500px; height: 300px"></div>
</body>
</html>
W treść strony musisz wstawić kod:
{mosmap width='500'|height='400'|lat='52.052312'|lon='4.44 7141'|zoom='3'| zoomType='Large'|zoomNew='0'|mapType='Satellite'| showMaptype='1'|overview='0'|text='sv DWO'|lang=''|key=''}
Koordynaty mapy i parametry ustawiasz wg własnych potrzeb.
WAŻNE! Cały kod musi być w jednej linii.
Nie wolno wstawiać <br /> pomiędzy {}
Opis parametrów masz na stronie, którą podałem na samym początku.
Tak samo, jak informacje powyżej.
Trzeba się trochę bardziej wysilić i pokombinować.
Zainstalowałem google_maps-2.6b.zip i dodałem API key i działa wyświetla na stronie tylko jak mogę dodać dodać strzałek i dymek wskazujący na jakieś miejsce. Trzeba to zrobic w xsl na forum nie znalazłem nic konkretnego może im ktoś pomóc z tym?
Może mi ktoś pomóc jak dodać te strzałki i dymki szukam i szukam ale nic nie znalazłem. :(Chodzi mi o takie coś http://www.al-wilaya.com/tmp1.html
Będę bardzo wdzięczny
W funkcji load
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.addControl(new GOverviewMapControl());
map.addControl(new GScaleControl());
map.enableContinuousZoom();
map.enableDoubleClickZoom();
to navigatory
markery i dymek do markera
var marker = new GMarker(point);
map.addOverlay(marker);
marker.openInfoWindowHtml(tekst);
przyklad generujacy 10 losowych markerów i 5 punktową polilinię
<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(37.4419, -122.1419), 13);
// Add 10 markers in random locations on the map
var bounds = map.getBounds();
var southWest = bounds.getSouthWest();
var northEast = bounds.getNorthEast();
var lngSpan = northEast.lng() - southWest.lng();
var latSpan = northEast.lat() - southWest.lat();
for (var i = 0; i < 10; i++) {
var point = new GLatLng(southWest.lat() + latSpan * Math.random(),
southWest.lng() + lngSpan * Math.random());
map.addOverlay(new GMarker(point));
}
// Add a polyline with five random points. Sort the points by
// longitude so that the line does not intersect itself.
var points = [];
for (var i = 0; i < 5; i++) {
points.push(new GLatLng(southWest.lat() + latSpan * Math.random(),
southWest.lng() + lngSpan * Math.random()));
}
points.sort(function(p1, p2) {
return p1.lng() - p2.lng();
});
map.addOverlay(new GPolyline(points));
}
}
//]]>
</script>
żródło google.com - zajrzyj do googla tam sa obszerne tutoriale ten m.innymi też
Dodałem ten przykładowy skrypt do xsl ale nic sie nie wyświetlało próbowałem coś zmeniać i dalej nic woju czy możesz mi to dokładniej opisać albo kos inny z forum?
Wrzuć to do index.php templatki lub do własnego modułu
i nie zapomnij api key.
Jeśli nie dajesz rady zacznij od zwykłych stron w php html z googlemap a potem zintegruj to z joomla
czy problem legendy (dymkow) byl juz jakos rozwiazany
mapa google pokazuje sie ale bez opisu ktory widze w google
jak to zrobic zeby sie pokazaly te dymki
dodatkowe pytanie :
czy jest jakis sposob zeby wstawic kod ten co google podaje tj.
<iframe width="425" height="350 .... </iframe><br /><small><a href="http://maps.google.com/maps .....
itd
bez przepisywania tego na plagin ktory nie przenosi dymkow
pozdrawiam
irek
Witam,
pojawila sie mapa tylka sa jeszcze nastepujace problemy:
-) punkt (ten balonik) jest w innym miejscu jak sprawdzam na maps.google.com a w innym miejscu jest na stronie
-) mapa otwiera sie i pokazuje cala Europe mimo tego ze ustawilem zoom 15
i na mapie maps.google.com jest ok
-) po wstawieniu
{mosmap width='600'|height='400'|lat='52.234581'|lon='21.0 15387'|zoom='15'|zoomType='Large'|zoomNew='0'|mapT ype='Map'|showMaptype='1'|overview='0'|text='text bllalalalabbabababsv'|tooltip='toolpit bbbbbbbbbDWO'|marker='1'|align='center'}
jak zapisze w joomli i otworze strone do edycji dodaje jakies & # 39 ; (pomiedzy tymi znakami nie ma spacji wstawilem zeby nie zmienilo) zamiast '
{mosmap width='600'|height='400'|lat='52.234581'|lon='21.0 15387'|zoom='15'|zoomType='Large'|zoomNew='10'|map Type='Map'|showMaptype='1'|overview='0'|text='text bllalalalabbabababsv'|tooltip='toolpit bbbbbbbbbDWO'|marker='1'|align='center'}</p>
witam
-) punkt (ten balonik) jest w innym miejscu jak sprawdzam na maps.google.com a w innym miejscu jest na stronie
Przepisujesz złe dane ze strony google.
Spróbuj użyć tego generatora http://www.web4you.com.pl/geofinder.php
Następnie na tej stronie po wskazaniu konkretnego miejsca i przyciśnięciu przycisku ZMIEŃ
zostanie wygenerowany cały skrypt. A pod mapką zostają wyświetlone współrzędne.
np.
http://www.web4you.com.pl/geofinder1.gif (http://geofinder.web4you.com.pl/)
Lat, Lng = (49.61057089697994, 19.945549964904785), Zoom = (15)
GLat = 49.608874563694506, GLng = 19.94791030883789
I nas interesuje wartość GLAT i GLNG czyli druga linijka.
Wtedy strzałka wskaże dokładnie ten punkt który wskazuje na stronie google.
-) mapa otwiera sie i pokazuje cala Europe mimo tego ze ustawilem zoom 15
i na mapie maps.google.com jest ok
ustaw zoom na 3 lub 4. Im mniejsza wartość tym większy zoom.
Pozdrawiam
czy problem legendy (dymkow) byl juz jakos rozwiazany
mapa google pokazuje sie ale bez opisu ktory widze w google
jak to zrobic zeby sie pokazaly te dymki
dodatkowe pytanie :
czy jest jakis sposob zeby wstawic kod ten co google podaje tj.
<iframe width="425" height="350 .... </iframe><br /><small><a href="http://maps.google.com/maps .....
bez przepisywania tego na plagin ktory nie przenosi dymkow itd
witam,
Wszystko można wykonac w bardzo prosty sposób:
1. zarejestrować się na maps.google,
2. w ramach swojego konta utworzyć własną mapę,
3. dodać do niej wszystkie niezbędne informacje typu dymki i to co w dymku: m.in np. adres strony www, adres firmy, może być też logo, zdjęcie siedziby itp ....
4. po wyedytowaniu informacji dla dymka zapisać mapę
5. skopiowac link, który generuje google,
6. przejść do administracji joomla - wyłaczyć edytor w konfigu, wkleić kod mapy do artykułu i to wszytko!
nie potrzebna nawet, do tego celu, instalacja dodatkowych dodatków do joomla
Gdy wklejam kod wygenerowany do artykułu oczywiście do html to nie wyswietla :(mapy tylko napis Wyświetl większą mapę (http://maps.google.pl/maps/ms?ie=UTF8&hl=pl&msa=0&msid=104097657280750088449.000448f9d0a0ff8674cc5&ll=50.306007,21.927338&spn=0.613974,0.823975&z=10&source=embed) co mam zrobić?:confused:
Magdaa -> a co się stanie, jak w punkcie szóstym zamiast wyłączyć edytor w kofigu, wejdę do edytora, wcisnę html i tam wstawię kod? :>
Bo teraz już właściwie nie wiem - wygenerowałem kod dla swojej strony, ale z tego co Magdaa mówi, to nie jest potrzebne, bo wystarczy skopiować link wygenerowany przez Google. Zrobiłem swoją (pierwszą) mapę na próbę, skopiowałen link do edytora (w edycji html) i mapa mi się wyświetla na stronie. Tylko, że jak teraz wchodzę do artykułu (statecznego) próbuję wyedytować html, to nie działają mi przyciski, w ogóle mogę się tylko wylogować z PA. Być może ma to jakiś związek z kodowaniem (strona w ISO, kod z Google chyba utf-8). Ale pal licho z edycją - działa mapa, niech działa ok, zawsze mogę usunąć ten art, stworzyć nowy ze zmienionym kodem. Chciałem tylko zapytać o mapę - czy w ten sposób mogę stworzyć mapę z podanymi obiektami? Chciałbym np. na mapie zaznaczyć kilka ośrodków, wkleić tam miniaturki zdjęć z opisami. czy jest to możliwe?
Pozdrawiam, Jacek.
Łukasz Macuga
25-06-2008, 12:49
Zrób mapę w htmlu czy phpie, a nastepnie wstaw ją na stronę komponentem wraper (poprzez menu) lub modułem (do treści artykułu, z pomocą bota modulebot). Tu mój przykład http://mzk-torun.pl/index.php/Interaktywna_mapa_linii_i_przystankow.html
Wstawienie to nie problem, gorzej ze zrobieniem. Nawet fajnie Ci wyszły te linie itd..
Łukasz Macuga
25-06-2008, 18:15
Ale ja to robiłem w notatniku te htmle z liniami:) Tu na pewno wyjdą tobie te dymki, punkty itd., jak zastosujesz wlasciwe komendy google z manuala.
Kiedyś chciałem się bawić w te komponenty do joomli ale to stata czasu według mnie.
Gdy wklejam kod wygenerowany do artykułu oczywiście do html to nie wyswietla :(mapy tylko napis Wyświetl większą mapę (http://maps.google.pl/maps/ms?ie=UTF8&hl=pl&msa=0&msid=104097657280750088449.000448f9d0a0ff8674cc5&ll=50.306007,21.927338&spn=0.613974,0.823975&z=10&source=embed) co mam zrobić?:confused:
Witajcie, mam taki sam problem jak kolega luqi, proszę o pomoc
piotreczek100
15-12-2008, 01:28
Drodzy forumowicze
Mam pytanko bo własnie przeczytałem regulamin z Google i okazuje się, że:
Mapy Google, w tym wyniki lokalnego wyszukiwania, mapy i zdjęcia, są udostępniane użytkownikowi tylko do osobistego, niekomercyjnego użytku.
Nie wiem jak mogę to rozumieć i czy mogę to wykorzystać w Portalu w opcji katalogu firm? bo przecież zazwyczaj z tego czerpie się zyski :) wiem że Sobi2 ma taki plugin ale czy jest on zgodny z prawem?
Mnie natomiast chodzi po głowie jak udostępnić moja mapę z GoogleMaps na swojej stronie dając zarazem możliwośc userom joomli dodawania nowych obiektów na mapie. Czyli zależy mi na takiej funkcjonalności, jaką daje mapa udostęniona publicznie w maps.google.pl Taką mapę może współtworzyć wiele osób, dodawać nowe markery, opis etc. Czy da się to jakoś wykonać wykorzystując api googli? któś się zetknął z takim problemem?
Spróbuj tutaj
http://gmapsapi.com/poradnik/051_edycja_danych_przez_uzytkownika_i_zapis_do_baz y.html?tag=ajax
Pozdrawiam
sebagubin
17-05-2009, 15:25
Panowie pomocy. Zainstalowałem ten dodatek Google Maps ale co dalej to nie mam pojęcia. Wogóle nie moge połapać się w ustawieniach tego dodatku. Tam dodajemy tylko wygenerowany klucz API? Ten klucz wygenerowałem. Ale co dalej to nie ma zielonego pojecia. Jak wstawic mapkę do artykulłu ? czytam tu i czytam i nie daje ardy. Moze ktos wytlumaczyc krok po kroku jak ustawic ten dodatek i jak wstawić w artykuł. niewiem gdzie wkleić kod z mapką. A jesli chodzi o ten generacje tego klucza api to tam wpisujemy adres naszej strony czy adres mapki???
Witam
Pytanie: jak dodać mapkę w kontaktach?
Wprowadzenie :
{mosmap width='500'|height='400'|lat='52.052312'|lon='4.44 7141'|zoom='3'| zoomType='Large'|zoomNew='0'|mapType='Satellite'| showMaptype='1'|overview='0'|text='sv DWO'|lang=''}
w pozycji inne informacje nic nie daje, a jedynie wyświetla powyższy tekst.
1. zainstaluj plugin_googlemap_J15.2.12i (http://indego.nazwa.pl/DODATKI_JOOMLA/plugin_googlemap_J15.2.12i.zip)
2. wprowadź kod API, który wygenerujesz na http://code.google.com/intl/pl/apis/maps/signup.html (oczywiście musisz się zalogować lub utworzyć nowe konto na google) na samym dole strony wpisujesz adres strony i akceptujesz warunki.
3. w panelu administracyjnym joomli znajdź i edytuj plugin Google Maps,
4. w ustawieniach podajesz wygenerowany kod API (Google API key)
5. w Google website wybierasz Poland
6. możesz zdefiniowac szerokość i wysokość mapy
7. w pozycji Address wpisujesz adres, który ma byc wskazany na mapie w formacie miasto, ulica numer (np. Warszawa, Krakowska 12)
8. w Zoomlevel zmieniasz przyblizenie
9. mozesz zmienic Directionsform na np. On own map, wowczas na mapie bedzie chmurka z mozliwością podania adresu i wyznaczenia trasy dojazdu, instrukcje chmurki moza zmienić w pozycjach Title directions i te 4 ponizej
Jest tam jeszcze wiele więcej opcji, ale te są podstawowe.
10. Publikujesz plugin i zapisujesz.
11. W dowolnym miejscu w artykule wstawiasz {mosmap} i cieszysz się mapą.
indego - tutorial do g. maps na wypasie :D mozecie podpowiedziec, czy da sie wrzucic tez spersonalizowaną mapke, jak na przyklad: http://maps.google.pl/maps/ms?ie=UTF8&hl=pl&msa=0&msid=116188924793427475960.00044b4d3351e31b36a5f&source=embed&ll=52.200874,19.072266&spn=9.256968,16.259766&z=6?
Tymczasowo dodałem to jako element "wrappera", ale nie do końca mi się to podoba...
A ja potrzebuję rozbudowany komponent/moduł/dodatek do Joomla 1.5 który był by bardzo rozbudowany, schludnie wyglądał oraz jak jest to możliwe żeby był w języku Pl
NoobKillerSM
24-10-2009, 18:26
Zainstalowałem plugin googlemaps, mapę dodałem, oszlifowałem ja ale mam problem z kierunkami do i z. Gdy wpisze jakiś adres żeby pokazało trasy dostaje odpowiedz Error Code 602, jak się za to zabrać?
szoszon1
26-10-2009, 18:20
Super opis , a z moim problemem już sobie poradziłem :D
Witam, nie chce zakładać nowego tematu... próbuje wrzucić mapkęna moja stronę i ****.. ciągle mam info:
Ta witryna wymaga innego klucza interfejsu API Map Google. Nowy klucz można wygenerować pod adresem http://code.google.com/apis/maps/signup.html
zainstalowany mam dodatek: plugin_googlemap.2.9.zip - opublikowany oczywiście.
W artykule mam napisany adres telefony itd.. a poniżej to:
{mosmap width='500'|height='400'|lat='52.052312'|lon='4.44 7141'|
zoom='3'|zoomType='Large'|zoomNew='0'|mapType='Sat ellite'|showMaptype='1'|
overview='0'|text='sv DWO'|tooltip='DWO'|marker='1'|
align='center'}
co robię źle że mapka wciąż nie chce mi się wyświetlić?? :/ wygenerowałem nawet 2 klucze, jeden na sub domenę a drugi na domenę i nic...
Bardzo proszę o pomoc, oraz mam informację.. - widać że nie tylko ja mam z tym problem więc można by tak zrobić mały FAQ i problemy od A do z z sugestiami i podwiesić.. ;)
Pozdrawiam.
Gall Anonim
30-08-2011, 08:30
Daj zrzut ekranowy konfiguracji pluginu no i zdejmij te spacje: SatXellite // '4.44X7141
wklejam to co mam w artykule:
{mosmap width='500'|height='400'|lat='52.052312'|lon='4.44 7141'| zoom='3'|zoomType='Large'|zoomNew='0'|mapType='Sat ellite'|showMaptype='1'| overview='0'|text='sv DWO'|tooltip='DWO'|marker='1'| align='center'} - więc spacji nie ma..
// edit, wrzucam jeszcze raz w większej rozdzielczości.. :D //
zrzut ekranu:
http://i956.photobucket.com/albums/ae50/p_a_n_d_a_86/Screeny%20i%20inne/googlescreen1.jpg
http://i956.photobucket.com/albums/ae50/p_a_n_d_a_86/Screeny%20i%20inne/googlescreen2.jpg
http://i956.photobucket.com/albums/ae50/p_a_n_d_a_86/Screeny%20i%20inne/googlescreen3.jpg
http://i956.photobucket.com/albums/ae50/p_a_n_d_a_86/Screeny%20i%20inne/googlescreen4.jpg
http://i956.photobucket.com/albums/ae50/p_a_n_d_a_86/Screeny%20i%20inne/googlescreen5.jpg
Gall Anonim
30-08-2011, 11:14
No to tak:
a: Brackets - {} (tylko - pierwsze pole radio)
b: URL variable - HTTP_HOST
I wytłumacz mi skąd w poście biorą się spacje?
Więc jeszcze jeden manewr - Otwórz sobie notatnik - przeklej - całą klamerkę (czyli: {mosmap width='500'|height='400'|lat='52.052312'|lon='4.44 7141'| zoom='3'|zoomType='Large'|zoomNew='0'|mapType='Sat ellite'|showMaptype='1'| overview='0'|text='sv DWO'|tooltip='DWO'|marker='1'| align='center'}
do notatnika - daj zapisz nowy plik tekstowy (żaden word czy inne cudo tylko zwykły notatnik), wykasuj wpis - całkowicie z artykułu i potem wklej go ponownie poprzez skopiowanie z dokumentu tekstowego.
Nic więcej mi do głowy nie przychodzi (przynajmniej teraz)
Tylko Pamiętaj aby w dokumencie tekstowym sprawdzić kwestie spacji.
zwiastun
30-08-2011, 11:33
Spacje pojawiają się czasem same z się w postach przy cytowaniu kodu :)
Gall Anonim
30-08-2011, 11:36
Spacje pojawiają się czasem same z się w postach przy cytowaniu kodu :)
A czemu?
Wszak to powoduje przekłamanie :) zapewne można temu jakoś zaradzić.
Pzdr
zwiastun
30-08-2011, 11:41
Strata czasu, a skutek i tak niepewny. Zjawisko znane nie tylko z VB, więc szukanie powodu to szukanie igiełki w stogu.
Serdecznie dziękuję za wskazówki ale nadal mam ten sam problem :// w FF wyskakuje to info o generowaniu nowego klucza i nie widać niczego, w IE nie wyskakuje, ale widać sam text:
{mosmap width='500'|height='400'|lat='52.052312'|lon='4.44 7141'| zoom='3'|zoomType='Large'|zoomNew='0'|mapType='Sat ellite'|showMaptype='1'| overview='0'|text='sv DWO'|tooltip='DWO'|marker='1'| align='center'}
(oczywiście bez spacji...)
Czy mogę mieć wygenerowane te 2 klucze..?? i dobrze je mam wprowadzone?
podaje jeszcze linka do strony żebyście sami mogli sprawdzić sklep.carman.xcl.pl
Gall Anonim
30-08-2011, 13:43
a. na adresie : http://sklep.carman.xcl.pl/ - stoi joomla 1.5
b. klucze Api
ABQIAAAA8-LPluqCQr0ysIDFpy0r2RREuxYR3f8tGzhGiBS0hdrOTaFyzhQA ZnXeILQbi8kA0-sx92Ivqp6TiQ
ABQIAAAA8-LPluqCQr0ysIDFpy0r2RTBOn8nQ-5gJOqyVEO6vJIfGVlDaBQ9iAlq2r-nKAXAEmI-IZlBGb0wbQ
c. wklej sobie w artykuł taki kod:
{mosmap lat='52.052312'|lon='4.447141'|dir='5'}
Tutaj Masz plugin (http://downloads.joomlacode.org/frsrelease/6/0/9/60983/plugin_googlemap_J15.2.13a.zip) - GoogleMaps aktualny dla 1.5
To może sobie przeinstalujesz
Tutaj Masz komponent do canonicalizacji (http://downloads.joomlacode.org/frsrelease/2/8/5/28562/plgSystemCanonicalization.zip)
Plugin zainstalować i skonfigurować dla: sklep.carman.xcl.pl
zarówno front i zaplecze - włączyć.
GoogleMaps plugin -
Pierwszy klucz API do długiego okna
drugi klucz do prostokąta
Ogólnie Twój kod chodzi tylko jakąś afrykę czy inne tałatajstwo pokazuje więc jest walnięty w składni.
Pzdr
Dr
nie dałem rady z tym google... ale użyłem phocca maps i wszystk poszło bez problemu :)
sajmongdn
20-10-2011, 09:06
A ja mam nietypowe pytanie:
Czy da się zmienić kolor czcionki w googlemaps, bo mam na stronie z ciemnym tłem białe napisy i w mapie są buttony i ta chmurka ale nie widać napisów bo css ustawia białe
Gall Anonim
20-10-2011, 09:14
Tak:
Trzy możliwości zmiany:
1. zmiana definicji koloru czcionki pobieranej ze strony
2. dodatkowy styl dla komponentu mapy - określający kolor fonta
3. Tekst wewnątrz chmurki tworzony ręcznie i zdefiniowany font oraz jego kolor bezpośrednio w chmurce
All
vBulletin® v4.2.5, Prawa przedruku © 2024 vBulletin Solutions, Inc. Wszystkie prawa zastrzeżone.
Tłumaczenie: Polskie Centrum Joomla!