Mapa Targeo lub OSM na stronkę 
Author: Grzegorz T.
Visited 2207,
Followers 1,
Shared 0
Witam
Chciałbym na swojej stronce dać mapę inną niż Google Maps. Skłaniam się ku Targeo lub OSM. Na stronce głównej OSM można sobie wpisać adres jaki chce się wstawić na swoją stronę, potem jest "Eksportuj", i pobiera mi plik "map.osm". Nie wiem, w jaki sposób mam to wstawić na swoją stonę. Próbowałem otworzyć ten plik, treść skopiowałem i wkleiłem w moim projekcie jako "kod html", ale też nie działa.
Czy ktoś wie, w jaki sposób zastąpić Google Maps inna mapą - OSM albo Targeo, ewentualnie HERE?
Posted on the
Chodzi o coś takiego?
http://www.bp57.cba.pl/strona-2.php
Author
Tak, właśnie coś takiego. Tylko nie wiem, jak z OSM wrzucić w projekcie taką mapę.
Świetnie byłoby, gdyby adres który podam na mapie, był też jakoś wyszczególniony, zaznaczony, jak np. można zrobić w kreatorze Targeo:
http://i66.tinypic.com/vfiil3.jpg" border="0" alt="Image and video hosting by TinyPic"></a>">Przykład mapy
Author
Przepraszam za powyższe, jakiś błąd mi sie wkradł. Dodaję załącznik, będzie pewniej :)
A tak?
http://www.bp57.cba.pl/strona-2.php
Author
No dokładnie o coś takiego mi chodzi :)
1.Otwórz mapę OSM
http://osmapa.pl/#lat=52.2484&lon=20.9928&z=13&m=os
2.W zakładce "Szukaj" wpisz adres miejsca które Cię interesuje.
3. Oczywiście kliknij szukaj. Może pojawić się okienko z propozycją adresów lu jeżeli dobrze wipszesz jeden adres.Wybierz tem który Cię interesuje.
4. Pojawi się mapa z zaznazconym adresem. W tym miejscu kliknij "Zobacz w OSM"
5. Otworzy się nowe okno w którym po prawej stronie ekranu jest menu. Wybierz z niego "Udostępnienia" poz(6) licząc od góry.
6. Kliknij otworzy się okienko udostępniania. Zaznacz "Dołącz pinezkę" oraz kod HTML.
7. Skopiuj kod HTML i wklej go na stronę do obiektu "kod HTML".
8. W obiekcie "kod HTML" dobierz sobie wartości szerokości i wysokości obiektu.
W moim przypadku jest to kod:
<iframe width="425"height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=21.156867742538456%2C51.41685331901954%2C21.160365343093876%2C51.41829354167182&layer=mapnik" style="border: 1px solid black"></iframe><br/><small><a href="https://www.openstreetmap.org/#map=19/51.41757/21.15862">Wyświetl większą mapę</a></small>
Wartości do zmiany zaznaczone pogrubiona kursywa.
Ot i cała historyja. Życzę powodzenia.
Author
Rewelacja, o to dokładnie chodziło :D Działa :) Dziękuję.