Unikanie "Niestety, nie mamy tu zdjęć" z Mapami Google

Question

Piszę aplikację Google Maps, ponieważ w większości działa poprawnie. Jeśli jednak poproszę o wskazówki dotyczące chodzenia między 2 punktami, które są bardzo blisko siebie (np. 2 budynki, które znajdują się obok 1), mapa przybliża się tak blisko, że obrazy hybrydowe zamieniają się w kafelki z napisem "Niestety, nie mamy zdjęć tutaj."

Z debugowania notatek w moim kodzie, wydaje się, że poziom powiększenia mapy nie jest ustawiany przed funkcją, która aktualizuje RouteRenderer działa (dodanie wywołania map.getZoom() pokazuje mi właściwość zoom mapy dla poprzednia runda kierunków, o które prosiłem:

Z tego powodu usługa MazZoomService również nie robi zbyt wiele dobrego. Czy istnieje sposób na wykrycie, jaki będzie poziom powiększenia mapy podczas przetwarzania wskazówek, aby można było powiększyć obraz z powrotem do czegoś, co nie pokazuje komunikat o błędzie?

Answer 1

Użyj MaxZoomService wewnątrz wydarzenie "zoom_changed" mapy.Jeśli bieżący poziom powiększenia jest większy niż max, map.se tZoom (max).

Jeśli chcesz włączyć to zachowanie tylko z wyników aktualizacji WskazówkiRenderer, musisz ustawić flagę i być może timer (DirectionsRenderer nie zawsze zmienia poziom powiększenia mapy).

Answer 2

Miałem to doświadczenie, kiedy przełączam się z opcji satelitarnej na mapę. W tym momencie ustawienie powiększenia wynosiło 18. Postanowiłem zmniejszyć powiększenie w dół. Przy rozmiarze powiększenia 12 i poniżej błąd obrazu został rozwiązany, a obraz mapy dobrze się wyświetla.

Answer 3

Miałem ten problem w kanciastej aplikacji, piszę.

Okazało się, że moja polityka bezpieczeństwa treści blokuje Google, co z kolei zatrzymało ładowanie wszystkich obrazów i spowodowało błąd "Przepraszamy, nie mamy tu żadnych zdjęć". Jak tylko dodałem adres URL Google do mojej Polityki bezpieczeństwa treści i wszystko wróciło do normy!

Answer 4

<meta http-equiv="Content-Security-Policy" content="default-src *; script-src 'self' 'unsafe-inline' 'unsafe-eval' *; style-src 'self' 'unsafe-inline' *; img-src * data: 'unsafe-inline'"> --dodaj ten tag w nagłówku.