Jak tworzyć identyfikatory map

Identyfikator mapy to niepowtarzalny identyfikator, który reprezentuje pojedynczą instancję Mapy Google. Identyfikatorów map używasz do włączania funkcji oraz do zarządzania mapami i ich stylami w swoich witrynach i aplikacjach. Identyfikatory map możesz tworzyć dla każdej platformy, której potrzebujesz (JavaScript, Android, iOS lub mapy statyczne) w projekcie w Google Cloud Console na stronie Zarządzanie mapami.

Więcej informacji o identyfikatorach map oraz funkcjach, które z nich korzystają, znajdziesz w artykule Identyfikator mapy – informacje ogólne.

Wymagane uprawnienia

Aby tworzyć identyfikatory map w projekcie lub nimi zarządzać, musisz użyć podmiotu zabezpieczeń z odpowiednimi uprawnieniami na poziomie roli, czyli Edytujący lub Właściciel, na stronie Uprawnienia w konsoli Google Cloud. Więcej informacji znajdziesz w artykule Informacje o rolach podstawowych i wstępnie zdefiniowanych w uprawnieniach IAM.

Tworzenie identyfikatorów map

Aby utworzyć identyfikatory map w konsoli Cloud, wykonaj te czynności:

  1. Zaloguj się i otwórz projekt w konsoli Cloud z wymaganymi uprawnieniami.

  2. W konsoli Google Cloud otwórz stronę Zarządzanie Mapami.

  3. Kliknij Utwórz identyfikator mapy.

    Utwórz nowy identyfikator mapy

  4. Na stronie Utwórz nowy identyfikator mapy wykonaj te czynności:

    1. W polu Name (Nazwa) wpisz nazwę identyfikatora mapy.
    2. Opcjonalnie: w polu Opis opisz, do czego służy identyfikator mapy.
    3. W sekcji Typ mapy wybierz platformę, na której chcesz używać identyfikatora mapy. Jeśli wybierzesz JavaScript, wybierz też typ mapy: Raster (domyślny) lub Wektor. Więcej informacji o mapach wektorowych znajdziesz w artykule Mapy wektorowe.
    4. Kliknij Zapisz, aby wyświetlić nowy identyfikator mapy.

Powiązanie identyfikatora mapy ze stylem mapy

Jeśli używasz stylizacji map w chmurze, powiążesz styl mapy z identyfikatorem mapy. Więcej informacji znajdziesz w artykule Powiązanie.

Dodawanie identyfikatora mapy do aplikacji

Android

Dodaj identyfikator mapy za pomocą elementu <fragment> w pliku układu aktywności, używając klasy MapView, lub programowo za pomocą klasy GoogleMapOptions.

Załóżmy na przykład, że utworzyłeś identyfikator mapy, który jest przechowywany jako wartość ciągu znaków o nazwie map_id w elementach res/values/strings.xml:

<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="map_id">MAP_ID</string>
</resources>

W przypadku map dodanych za pomocą elementu <fragment> w pliku układu aktywności wszystkie fragmenty mapy, które mają mieć styl niestandardowy, muszą mieć określony identyfikator mapy w atrybucie map:mapId:

<fragment xmlns:map="http://schemas.android.com/apk/res-auto"
    map:name="com.google.android.gms.maps.SupportMapFragment"
        map:mapId="@string/map_id" />

Aby określić identyfikator mapy, możesz też użyć atrybutu map:mapId klasy MapView:

<com.google.android.gms.maps.MapView
    xmlns:android="http://schemas.android.com/apk/res/android"
    ....
    map:mapId="@string/map_id" />

Aby określić identyfikator mapy w sposób programowy, prześlij go do instancji MapFragment za pomocą klasy GoogleMapOptions:

Java

 MapFragment mapFragment = MapFragment.newInstance(
     new GoogleMapOptions()
         .mapId(getResources().getString(R.string.map_id)));

Kotlin

 val mapFragment = MapFragment.newInstance(
     GoogleMapOptions()
         .mapId(resources.getString(R.string.map_id))
 )

W Android Studio utwórz i uruchom aplikację jak zwykle. Niestandardowe style skonfigurowane w pierwszym kroku są stosowane do wszystkich map z wybranym identyfikatorem mapy.

iOS

Aby utworzyć instancję mapy za pomocą identyfikatora mapy, wykonaj te czynności:

  1. Utwórz GMSMapID za pomocą ciągu znaków identyfikatora mapy z konsoli Cloud.
  2. Utwórz GMSMapView, podając utworzony właśnie identyfikator mapy.

Swift

let camera = GMSCameraPosition(latitude: 47.0169, longitude: -122.336471, zoom: 12)
let mapID = GMSMapID(identifier: "MAP_ID")
let mapView = GMSMapView(frame: .zero, mapID: mapID, camera: camera)
self.view = mapView

Objective-C

GMSCameraPosition *camera = [GMSCameraPosition cameraWithLatitude:47.0169
                                                        longitude:-122.336471
                                                             zoom:12];
GMSMapID *mapID = [GMSMapID mapIDWithIdentifier:@"MAP_ID"];
GMSMapView *mapView = [GMSMapView mapWithFrame:CGRectZero mapID:mapID camera:camera];
self.view = mapView;

Jeśli używasz własnego identyfikatora mapy, możesz go ustawić w konsoli Cloud, aby w dowolnym momencie uzyskać nowy styl. Styl zostanie automatycznie uwzględniony w widoku mapy w ciągu około 6 godzin.

Jeśli chcesz zobaczyć zmiany od razu, możesz zamknąć i ponownie uruchomić aplikację, wychodząc z niej, wymuszając jej zamknięcie z listy ostatnio używanych aplikacji, a następnie otwierając ją ponownie. Zaktualizowana mapa będzie wtedy widoczna.

JavaScript

Aby utworzyć mapę z identyfikatorem mapy w kodzie aplikacji:

  1. Jeśli mapę dostosowujesz już za pomocą wbudowanego kodu JSON, usuń właściwość styles z obiektu MapOptions. W przeciwnym razie pomiń ten krok.

  2. Dodaj identyfikator mapy do mapy za pomocą właściwości mapId. Na przykład:

map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8,
mapId: 'MAP_ID'
});

Mapy statyczne

Aby dodać identyfikator mapy do nowej lub istniejącej mapy, która korzysta z jednego z naszych interfejsów API usług internetowych, dodaj parametr map_id URL i ustaw go jako identyfikator mapy. Ten przykład pokazuje dodawanie identyfikatora mapy do mapy za pomocą Map Static API.

<img src="https://maps.googleapis.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&zoom=13&size=600x300&maptype=roadmap&markers=color:blue%7Clabel:S%7C40.702147,-74.015794&markers=color:green%7Clabel:G%7C40.711614,-74.012318&markers=color:red%7Clabel:C%7C40.718217,-73.998284&key=YOUR_API_KEY&map_id=MAP_ID&signature=YOUR_SIGNATURE" />

Mapa z mostem Brooklyńskim w Nowym Jorku (Nowy Jork, USA) w środku. W prawym dolnym rogu znajdują się elementy sterujące mapą. Mapy wyświetlają niestandardowy styl dróg, wody i ziemi.

Jeśli przed dodaniem identyfikatora mapy masz podpis cyfrowy w adresie URL statycznego Map, po dodaniu identyfikatora mapy musisz utworzyć i dodać nowy podpis cyfrowy. Podczas generowania nowego sekretu podpisywania adresu URL pamiętaj, aby usunąć z adresu URL poprzednią cyfrową sygnaturę.