Skocz do zawartości


Zdjęcie

Czerwony napis na mapie google


  • Zaloguj się, aby dodać odpowiedź
7 odpowiedzi w tym temacie

#1 Nosti

Nosti

    BlackSeo

  • Użytkownik
  • PipPipPip
  • 356 postów

Napisano 31 sierpień 2015 - 15:59

Czy ktoś wie, jak zrobić coś takiego (czerwona etykieta przy wskaźniku) na mapie googla zaimplementowanej na własnej stronie?

Dołączona grafika

Przejrzałem kilka skryptów map, ale nie ma tam takiej możliwości.

#2 suchjyy

suchjyy

    Advanced Member

  • Użytkownik
  • PipPipPip
  • 79 postów
  • LocationRzeszów

Napisano 23 wrzesień 2015 - 20:32

http://humaan.com/custom-html-markers-google-maps/

  • Nosti lubi to

#3 Nosti

Nosti

    BlackSeo

  • Użytkownik
  • PipPipPip
  • 356 postów

Napisano 24 wrzesień 2015 - 10:06

Niezłe, przyda się.

 

Ale ten czerwony napis musi być jakoś prościej robiony. Widziałem dokładnie taki sam efekt na wielu różnych stronach (tzn. etykieta z czerwonymi literami zamiast czarnych i żadnych innych zmian), więc wydaje mi się , że to jakaś prosta kombinacja w kodzie mapy na stronie.



#4 suchjyy

suchjyy

    Advanced Member

  • Użytkownik
  • PipPipPip
  • 79 postów
  • LocationRzeszów

Napisano 25 wrzesień 2015 - 09:03

Według mnie musisz kombinować w kierunku tworzenia własnej mapy w oparciu o Google maps.

Wykorzystujesz tło mapek google, ale sam musisz nałożyć na nie odpowiednie elementy i je wystylowac



#5 suchjyy

suchjyy

    Advanced Member

  • Użytkownik
  • PipPipPip
  • 79 postów
  • LocationRzeszów

Napisano 25 wrzesień 2015 - 09:10

W sumie tutaj

> http://www.instalkorcz.pl/kontakt.html

mam to wdrożone chyba tak jak chcesz ?

 

Moge zerknąć wieczorem i dam Ci znać jak to  mam wdrożone.



#6 Nosti

Nosti

    BlackSeo

  • Użytkownik
  • PipPipPip
  • 356 postów

Napisano 25 wrzesień 2015 - 12:29

No dokładnie to mnie interesuje. Napisz w wolnej chwili.



#7 suchjyy

suchjyy

    Advanced Member

  • Użytkownik
  • PipPipPip
  • 79 postów
  • LocationRzeszów

Napisano 25 wrzesień 2015 - 20:31

<div class="col-xs-12">
<font size="5">Mapa dojazdu:</font>

<iframe id="mapa" name="mapa" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d5150.152691449859!2d22.777049682495118!3d49.803432345073226!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x51c91b046116d20c!2s%22Instal+Korcz%22+Biuro+Projektowo-Us%C5%82ugowe+Magdalena+Korczowska!5e0!3m2!1spl!2spl!4v1417376730818"  width="665" height="555" frameborder="0" style="border:0">
</iframe>

</div>

Tu cię zmartwię mój przyjacielu bo mam machnięte to nieseowym iframem :D.

 

Tutaj masz jak krok po kroku wstawic cos takiego na swoją stronę.

 

Oczywiście jak w miejscu tego adresu zrobisz wizytowke, uzupelnisz ja i zweryfikujesz to dostaniesz tam nazwe firmy zamiast czystego adresu :).

 

Jak to osiągnałem/jak to osiągnać. Ja mam wizytówkę, ale jak wyszukasz w mapy.google.pl ten twój adres dostaniesz to samo co ja. czyli wodk z punktem i adresem :).

7645534334.jpg

 

Potem klikasz

2353891780.png obok adresu wyszukiwania.

 

wybierasz:

5156872114.jpg

 

przełączasz sie na zakładkę umieść mapę i masz kod iframe:

6849306552.jpg

 

Wysokość i szerokość regulujesz przy końcu w parametrach width i height :).

 

Iframe wstawiasz na strone i hula.

 

 

*akurat tutaj nie ma, ale ogólnie w bootstrapie można wstawić mapke wpełni responsywną. Nie wiem czy potrzebujesz oraz w jakiej technologii to masz :), wiec jak coś pisz PW


  • zoozool, ddaapp i Nosti lubią to

#8 Nosti

Nosti

    BlackSeo

  • Użytkownik
  • PipPipPip
  • 356 postów

Napisano 28 wrzesień 2015 - 09:37

Dokładnie o to mi chodziło. Dzięki wielkie.

 

A ja się zastanawiałem, dlaczego google nie wymaga już API przy implementowaniu mapy na stronie. A tu sami udostępnili kod. Jak te ich pociągnięcia z pingwinami i pandami nie wzbudzały mojego entuzjazmu (tak delikatnie ujmując), tak to teraz mi się padoba nawet.






Użytkownicy przeglądający ten temat: 0

0 members, 0 guests, 0 anonymous users