2014-12-03 10 views
5

Próbuję utworzyć mapie statycznej URL przy użyciu google maps api który wygląda podobnie do następującegoutworzyć wiadomość bańkę i ścieżkę na Google statycznych map

enter image description here

Wygląda na to, że wymagają, aby zwiększyć poziom powiększenia i dodaj parametr ścieżki do adresu URL. Próbowałem stworzyć url jak po

http://maps.googleapis.com/maps/api/staticmap?scale=4&format=png32&center=50.133751,4.833644&zoom=16&size=640x640&markers=color:red%7C50.133751,4.833644&sensor=false&path=color:blue|48.133751,4.833644|50.133751,4.833644&style=feature:road.local 

Ale to nie daje oczekiwanych rezultatów, trzeba utworzyć dynamiczne linki na podstawie adresów i łac wartości/LNG usług. W jakiś sposób muszę obrócić mapę w taki sposób, aby zawsze miała pionową drogę pośrodku, aby móc narysować na niej ścieżkę. Dodatkowo potrzebuję bańki, która pokaże ustalony czas, aby osiągnąć 5/1 min.

Nie używam żadnego języka programowania od teraz. Próbuję ręcznie utworzyć te adresy URL.

Z góry dziękuję.

EDYCJA: Nie muszę teraz obracać. Po prostu chcę pokazać 1-5 minut dojazdu do podanej wartości szerokości/długości/adresu i dla bąbelka wiadomości, utworzyłem statyczny obraz, który mogę pokazać jako nakładkę.

+0

Mapy statyczne nie mają możliwości, aby obrócić mapę – duncan

+0

Będę zarządzać bez obracania, przynajmniej muszę pokazać ścieżki i białą bańkę ze statycznym tekstem –

+0

Mam kilka pytań. Jeśli rozumiem, chcesz uzyskać statyczny obraz ze ścieżką do określonej lokalizacji. Ten statyczny obraz musi również zawierać bańkę wskazującą, ile czasu zajmie jej dotarcie. Co się stanie, jeśli nie uda mi się tam dotrzeć w maksymalnym czasie (5 minut)? –

Odpowiedz

5

w zależności od konkretnych potrzeb, aby pokazać ścieżkę i czas od 1 do 5 minut, polecam następujące:

Przede wszystkim trzeba wiedzieć, że masz dwie realnych możliwościach dotyczących etykiecie

  1. Użyj standard marker i dodać etykiety o długości 1 i [AZ], [0-9] (tak właśnie czas w twoim przypadku ... jeden do pięciu)
  2. Użyj custom icon który już zawiera etykietę (w Twoim przypadku jest to możliwe, ponieważ po prostu trzeba utworzyć pięć obrazów zawierające „2 min” lub coś)

Dla pierwszej opcji wziąłbym środek dwóch połączonych punktów i dodać biały znacznik z etykietą czasu trwania trasy, taką jak markers=color:white|label:1|52,5210924,13,39181335. Wtedy będziesz mieć biały standardowy znacznik na swojej trasie, taki jak this.

W przypadku drugiej opcji można zmienić położenie znacznika z dala od ścieżki (w zależności od tego, jak wygląda obraz etykiety) i dodać obraz z prawidłowym czasem trwania (1.png, 2.png, 3.png ,. ..) jak markers=icon:https//your.path/to/image.png|52,5210924,13,39228335. W ten sposób możesz dołączyć własny obrazek, który wyglądałby tak: this (przepraszam za zły obraz ;-)).

Dodawanie niestandardową ikonę znacznika z wytwórni (w adresie URL) jest niestety not possible.

Myślę, że w twoim przypadku (także przy ręcznym tworzeniu) dobrze byłoby stworzyć 5 obrazów bąbelków i dodać te, jak opisano na statycznej mapie. Szybszy i łatwiejszy (ale nie tak dobrze wyglądający) sposób byłby pierwszą opcją, ponieważ można umieścić go na właściwej ścieżce i nie trzeba tworzyć obrazów bąbelkowych.

+0

Powód spłaty zostanie uznany .. – mxlse

+0

Tak jak na bok; Myślę, że niestandardowa ikona znacznika z etykietą byłaby możliwa, gdyby ktoś chciał zastosować do niej trochę kodu CSS, na przykład w postaci: przed lub po pseudoklasie. –

+0

Dzięki mxlse, ale użyłem algorytmu polilinii do tworzenia punktów okręgu na mapie. –