2012-05-02 25 views
20

Mam kilka miejsc z ich szerokością i długością geograficzną. Chcę wyświetlić je na mapie google. To ok, nie mogę pokazać znacznika w określonej, długiej pozycji.Osadzanie kodu mapy Google w HTML przy użyciu markera

np. jeśli mam następujący kod, jest to możliwe tylko w celu złożenia opcję wyświetlania na rynku, jak również dlatego, że wszystkie łata, długo coord przyjeżdżasz z bazy danych i echem z php

<iframe width="425" height="350" frameborder="0" scrolling="no" 
     marginheight="0" marginwidth="0" 
     src="http://maps.google.mu/?ie=UTF8&amp;ll=-20.234496,57.603722&amp;spn=0.093419,0.169086&amp;t=m&amp;z=13&amp; 
     output=embed"></iframe> 
     <br /> 
     <small><a href="http://maps.google.mu/?ie=UTF8&amp;ll=-20.234496,57.603722 
        &amp;spn=0.093419,0.169086&amp;t=m&amp;z=13&amp;source=embed" 
       style="color:#0000FF;text-align:left">View Larger Map 
       </a> 
     </small> 

Odpowiedz

11

Element, który pisał Wygląda na to, że skopiowano go z funkcji osadzania Map Google.

Jeśli chcesz upuścić markery dla posiadanych lokalizacji, musisz napisać trochę kodu JavaScript, aby to zrobić. Uczę się, jak to zrobić.

Zapoznaj się z następujących czynności: https://developers.google.com/maps/documentation/javascript/overlays

Ma ona kilka przykładów i próbki kodu, który można łatwo ponownie wykorzystane i dostosowane do aktualnego problemu.

6

Nauka korzystania z biblioteki JavaScript Google to dobra opcja. Jeśli nie masz ochoty na kodowanie, przydatne może okazać się Maps Engine Lite.

Jest to narzędzie opublikowane niedawno przez Google, w którym można tworzyć własne mapy (tworzyć znaczniki, rysować geometrie i dostosowywać kolory i style).

Oto przydatny samouczek znalazłem: Quick Tip: Embedding New Google Maps

39

Proponuję w ten sposób, jedna linia iframe. W ogóle nie jest potrzebny javascript. ? W zapytania q =,

<iframe src="http://maps.google.com/maps?q=12.927923,77.627108&z=15&output=embed"></iframe>

+0

& output = embed nie jest już obsługiwana. –

+0

To nie pozwala na więcej niż jeden punkt. – Yay295

3

nie javascript lub strona trzecia to konieczne, użyj tego 'narzędzia':

<iframe src="https://www.google.com/maps/embed/v1/place?key=<YOUR API KEY>&q=71.0378379,-110.05995059999998"></iframe> 

parametr miejsce zapewnia znacznik

istnieje kilka opcji formatu parametrów "q" r

upewnić się, że Google Maps API HTML i statyczne Maps API włączone w Twojej API lub Google będzie blokować żądania

uzyskać więcej informacji, sprawdź here

Powiązane problemy