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 udostępnia funkcje stylu mapy 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 dostosowywać interfejs mapy do swoich potrzeb bez konieczności aktualizowania aplikacji.

Style utworzone przed 15 września 2020 r. nie będą zawierać rozszerzonych funkcji naturalnych Map Google. Aby dodać do mapy obsługę elementów naturalnych w Mapach Google, musisz utworzyć styl mapy.

definiowanie stylów map w Google Cloud pozwala tworzyć i edytować mapy poszczególnych 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. Zmienia 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: możesz zmienić styl map statycznych i statycznych oraz zarządzać nimi w Cloud Console za pomocą identyfikatorów i stylów map.
  • Mapa wektorowa: deweloperzy JavaScript mogą korzystać z tej samej opartej na technologii WebGL mapy wektorowej opartej na WebGL, która jest dostępna bezpośrednio w mapach witryn google.com we własnych aplikacjach internetowych.
  • Filtrowanie ważnych miejsc w firmie: z widoku mapy można usunąć 5 kategorii ciekawych miejsc biznesowych.
  • Kontrola gęstości ciekawych miejsc: gęstość miejsc widocznych na mapie podstawowej można dostosować, aby domyślnie wyświetlać więcej lub mniej ważnych miejsc.

Styl map w chmurze jest dostępny w pakietach Maps SDK na Androida1, SDK Maps na iOS, JavaScript i Map Static API, ale nie wszystkie funkcje będą widoczne na wszystkich platformach.

Zanim zaczniesz

Płatności

Styl map opartych na chmurze wymaga identyfikatora mapy. W przypadku pakietu SDK Maps na Androida, pakietu SDK Maps na iOS i kodu JavaScript użycie identyfikatora mapy wiąże się z naliczeniem kodu SKU dla Map dynamicznych. W interfejsie Maps Static API użycie identyfikatora mapy wiąże się z naliczeniem opłaty za kod SKU Static Maps.

Przykłady

To podstawowy przykład wczytywania mapy w niestandardowym stylu za pomocą identyfikatora mapy. W takim przypadku JavaScript Map Google odwołuje się do identyfikatora mapy 8e0a97af9386fef podczas wczytywania mapy i automatycznie stosuje styl mapy powiązany obecnie 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 map w chmurze jest niedostępny w wersji uproszczonej na Androida i 39.