Skocz do zawartości
  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

Sandy

Jak wstawić dodatkowe markery i onka na Google Maps

Promowane odpowiedzi

SeNioR    6,707
5 godzin temu, Professorek napisał:

http://www.phoca.cz/phocamaps

 

Możesz skorzystać np. z tego ;)

 

A czy ty wiesz że to jest dodatek do Joomli? Nie dodawaj pierwszym lepszych linków z innych for.

 

Te markety na tej stronie zapewne generowane są automatycznie na podstawie lokalizacji lub sami użytkownicy ją wpisują.

 

Jeżeli chodzi o twoje pytanie to musisz użyć Google Maps API, czyli dodatkowych skryptów js które pozwolą na dodanie więcej marketów czy zdjęć.

 

Możliwości: http://web4you.com.pl/google-maps-api

Markery i okna: http://web4you.com.pl/3.html

 

W oknie inaczej zwanym dymku dodajesz kod HTML czyli np. swoje zdjęcia.

 

Na tej stronie jest świetny generator dzięki któremu możesz sobie wszystko poustawiać i zapisać kod. W kodzie później ewentualnie możesz sobie poprawić pewne rzeczy jak obrazki.

 

Generator: http://web4you.com.pl/geofinder.php

 

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
szczoch    396
2 godziny temu, SeNioR napisał:

A czy ty wiesz że to jest dodatek do Joomli? Nie dodawaj pierwszym lepszych linków z innych for.

 

Korzystałem z tego dodatku i nie jest on tylko do Joomli.. Dlatego też go podlinkowałem.0\o

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony.


  • Podobna zawartość

    • Przez ShanonWEB

       
      Cześć, dnia dzisiejszego przedstawię Wam jak dodać mapę google na swoją stronę. 
       
      Co będzie Nam potrzebne? Niewiele, lecz kilka rzeczy: 
      edytor HTML (Osobiście polecam: notepad++, sublime text 2, rapid php) 
      przeglądarka internetowa (chrome, opera, firefox)
      Aby dodać mapę na naszą stronę należy wstawić kod JavaScript, który również jest udostępniony na tej stronie.
       
      Załóżmy, że nasza strona posiada taki kod:
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">         <head>             <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />             <title>Nasza pierwsza strona</title>         </head>     <body>     <h1>Nasza pierwsza strona.</h1>     </body> </html> Teraz dodamy funkcję odpowiadającą dla api mapki, wstawiamy ją między znaczniki <head> </head>
      <script type='text/javascript'>       function initialize() {         var mapCanvas = document.getElementById('map-canvas');         var mapOptions = {           center: new google.maps.LatLng(44.5403, -78.5463),           zoom: 8,           mapTypeId: google.maps.MapTypeId.ROADMAP         }         var map = new google.maps.Map(mapCanvas, mapOptions)       }       google.maps.event.addDomListener(window, 'load', initialize); </script> mapTypeId - podajemy typ/wygląd mapy
      (44.5403, -78.5463) - podajemy współrzędne lokalizacji
      zoom: 8 - podajemy wartość przybliżenia
      (Jeżeli chciałbyś dodać inny wygląd mapy należy odwiedzić tę stronę.)
       
      Następnie dodajemy diva o id="mapconvas", a w nim definiujemy wysokość oraz szerokość naszej mapy: (wstawiamy między znaczniki <body></body>)
       
      width: 500px; - mapa będzie miała 500 pikseli szerokości
      height:400px; - mapa będzie miała 400 pikseli wysokości.
      <div id="map-canvas" style="width: 500px; height: 400px;"></div> Cały kod prezentuje się następująco:
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">         <head>             <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />             <title>Nasza pierwsza strona</title>         </head>     <script src="https://maps.googleapis.com/maps/api/js"></script>     <script>       function initialize() {         var mapCanvas = document.getElementById('map-canvas');         var mapOptions = {           center: new google.maps.LatLng(44.5403, -78.5463),           zoom: 8,           mapTypeId: google.maps.MapTypeId.ROADMAP         }         var map = new google.maps.Map(mapCanvas, mapOptions)       }       google.maps.event.addDomListener(window, 'load', initialize);     </script>   </head>   <body>     <div id="map-canvas" style="width: 500px; height: 400px;"></div>   </body>   </html>
    • Przez Sandy
      Witam, mam zapytanie do osób "znających temat". Mianowicie jak wykonać taką mapkę Google z wieloma liniami:
      http://pksnysa.pl/schemat.php
      Chciałbym się dopytać czy jest to tworzone w Mapach Google czy w jakimś specjalnym programie, a może jest to wykonywane tylko na zlecenie?
       
      Pozdrawiam, P.L.
    • Przez Tytus
      Cześć, jak mogę zrobić mapę google z mapą gta san andreas? Próbowałem już tworzyć nową mapę, ale mam tylko plik .png i .jpg a to wymaga .svg czy inne. Robił to ktoś i pomoże mi?
    • Przez Kubski145
      Witam, jak dodać mapy witryn w przypadku MyBB? - Z tego co wyczytałem są to linki do najważniejszych rzeczy na forum. Dałem jednak link testowo i błąd " Nie przesłano mapy witryny. Przyczyna: Wprowadzony adres URL jest nieprawidłowy. Sprawdź pisownię i składnię adresu, a następnie spróbuj ponownie."
       
      Wpisałem tak:
      polscy-youtuberzy.pl/showthread.php?tid=3&pid=3#pid3 - Jest to link przekierowywujący do regulaminu mojego forum
    • Przez hypex
      Witam,
      Mam problem z javascriptem a konkretnie z mapa google ktora za pomoca javascriptu sie tam znajduje,
      chcialbym ja usunac a w jej miejsce wstawic obrazek. Chcialbym aby wskakiwalo tak samo, tzn od gory, tylko jakby zawartosc zmienic, probowalem w src javascriptu ale nie dawalo to zadnego efektu.
       
      odnosniki tylko 2 tam widzialem, ale zamienianie nie daje oczekiwanego rezultatu.
       
      <!-- Google Map --> <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> <!-- End Google Map --> oraz:
       
      <!-- Google Map --> <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> strona to: team-arise.eu ( na samym dole w zakladce kontakt, wskakuje ta mapka google )
       
      Czy jest jakis sposob na obejscie tego?
       
      Dziekuje bardzo i pozdrawiam.
  • Ostatnie tematy

×