definiowanie stylów map w Google Cloud

Zadbaj o dobrą organizację dzięki kolekcji Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.

Google Maps Platform oferuje style działające w chmurze, które ułatwiają stylizowanie i dostosowywanie map oraz zarządzanie nimi za pomocą Google Cloud Console. Dzięki temu możesz tworzyć spersonalizowane mapy dla użytkowników bez konieczności aktualizowania kodu aplikacji przy każdej zmianie stylu.

Style utworzone przed 15 września 2020 r. nie będą wyświetlać rozszerzonych funkcji naturalnych Map Google. Aby użyć stylów naturalnych obsługiwanych przez Mapy Google, musisz utworzyć styl mapy.

Styl mapy w chmurze umożliwia tworzenie i edytowanie stylów map dla wszystkich aplikacji używających Map Google bez konieczności wprowadzania zmian w kodzie po zastosowaniu identyfikatora mapy. Wszystkie zmiany stylu można wprowadzać w Cloud Console bez konieczności kodowania. Zmień wygląd i kolor wielu elementów mapy, takich jak drogi, budynki, akweny, ciekawe miejsca i trasy transportu publicznego.

Do tych funkcji należą:

  • Styl mapy w chmurze: zamiast określać styl mapy w kodzie za pomocą JSON, możesz mapować mapy dynamiczne i statyczne w Cloud Console za pomocą identyfikatorów i stylów map.
  • Mapa wektorowa: deweloperzy JavaScript mogą używać tej samej mapy wektorowej z wsparciem WebGL, która jest dostępna w witrynie maps.google.com bezpośrednio w ich aplikacjach.
  • Filtrowanie miejsc ważnych dla firmy: z widoku mapy można usunąć 5 kategorii ciekawych miejsc biznesowych.
  • Kontrola gęstości ciekawych miejsc: gęstość ciekawych miejsc widoczna na mapie podstawowej można ustawić tak, aby domyślnie wyświetlała się większa lub mniejsza liczba ciekawych miejsc.

Omawianie stylów map w chmurze jest dostępne w przypadku pakietów SDK do Map na Androida1, pakietu SDK do Map Google na iOS, JavaScript i interfejsu Maps Static API, ale nie wszystkie funkcje będą widoczne na wszystkich platformach.

Zanim zaczniesz

Płatności

Korzystanie ze stylów map w Google Cloud wymaga identyfikatora mapy. W przypadku pakietu SDK Map na Androida, pakietu SDK Map na iOS i kodu JavaScript korzystanie z identyfikatora mapy wiąże się z płatnością za kod SKU dynamicznej mapy. W przypadku statycznego interfejsu API Map Google używanie identyfikatora mapy skutkuje naliczeniem opłaty za kod SKU Map statycznych.

Przykłady

To jest podstawowy przykład wczytywania mapy stylu niestandardowego z wykorzystaniem identyfikatora mapy. W takim przypadku JavaScript mapy witryny odwołuje się do identyfikatora 8e0a97af9386fef podczas wczytywania mapy i automatycznie stosuje styl mapy powiązany aktualnie z tym identyfikatorem.

TypeScript

function initMap(): void {
  new google.maps.Map(
    document.getElementById("map") as HTMLElement,
    {
      mapId: "8e0a97af9386fef",
      center: { lat: 48.85, lng: 2.35 },
      zoom: 12,
    } as google.maps.MapOptions
  );
}

declare global {
  interface Window {
    initMap: () => void;
  }
}
window.initMap = initMap;

JavaScript

function initMap() {
  new google.maps.Map(document.getElementById("map"), {
    mapId: "8e0a97af9386fef",
    center: { lat: 48.85, lng: 2.35 },
    zoom: 12,
  });
}

window.initMap = initMap;
Zobacz przykład

Fragment


  1. Styl mapy w chmurze jest niedostępny w wersji uproszczonej Androida.