Jak tworzyć identyfikatory map

Wybierz platformę: Android iOS JavaScript Web Service

Identyfikator mapy to niepowtarzalny identyfikator, który reprezentuje ustawienia stylu i konfiguracji Map Google przechowywane w Google Cloud. Identyfikatory map służą do włączania funkcji oraz zarządzania mapami i ich stylizowania w witrynach i aplikacjach. W konsoli Google Cloud na stronie Zarządzanie mapami możesz utworzyć identyfikatory map dla każdej potrzebnej platformy – JavaScript, Android, iOS lub Mapy statyczne.

Więcej informacji i funkcji, które korzystają z identyfikatorów map, zobacz Omówienie identyfikatorów map.

Wymagane uprawnienia

Aby utworzyć lub zarządzać identyfikatorami mapy w projekcie, musisz użyć podmiotu zabezpieczeń z odpowiednimi uprawnieniami na poziomie roli (Edytujący lub Właściciel) na stronie Uprawnienia w konsoli Cloud dla projektu. Więcej informacji znajdziesz w artykule Informacje o rolach podstawowych i wstępnie zdefiniowanych.

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 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 Nazwa wpisz nazwę identyfikatora mapy.
    2. Opcjonalnie: w polu Opis opisz, do czego służy identyfikator mapy.
    3. W polu Typ mapy wybierz platformę, na której chcesz używać identyfikatora mapy. Jeśli wybierzesz JavaScript, wybierz też typ mapy Rasterowa (domyślnie) lub Wektorowa. Więcej informacji o mapach wektorowych znajdziesz w artykule Mapy wektorowe.
    4. Kliknij Zapisz , aby wyświetlić nowy identyfikator mapy.

Powiązywanie identyfikatora mapy ze stylem mapy

Jeśli używasz definiowania stylów map w Google Cloud, powiąż styl mapy z identyfikatorem mapy. Więcej informacji znajdziesz w artykule Powiązywanie stylu z identyfikatorem mapy.

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 utworzono identyfikator mapy, który jest przechowywany jako wartość ciągu znaków o nazwie map_id w pliku 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ą określać 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" />

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

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

Aby określić identyfikator mapy zautomatyzowany, przekaż 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 skompiluj i uruchom aplikację w zwykły sposób. Style niestandardowe skonfigurowane w pierwszym kroku są stosowane do wszystkich map z określonym identyfikatorem mapy.

iOS

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

  1. Utwórz GMSMapID z ciągiem identyfikatora mapy z konsoli Cloud.
  2. Utwórz GMSMapView, określając utworzony 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 w dowolnym momencie ustawić w konsoli Cloud nowy styl, który zostanie automatycznie zastosowany do widoku mapy w ciągu około 6 godzin.

Jeśli chcesz od razu zobaczyć zmiany, możesz zamknąć i ponownie uruchomić aplikację. Aby to zrobić, zamknij aplikację, wymuś jej zamknięcie na liście ostatnio używanych aplikacji, a następnie otwórz ją ponownie. Zaktualizowana mapa będzie wtedy widoczna.

JavaScript

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

  1. Jeśli dostosowujesz już mapę 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, dołącz parametr URL map_id i ustaw go na identyfikator mapy. Ten przykład pokazuje, jak dodać identyfikator mapy do mapy za pomocą Maps 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 w USA w centrum i elementami sterującymi w prawym dolnym rogu. Na mapie zastosowano niestandardowe style dróg, wód i lądów.

Jeśli przed dodaniem identyfikatora mapy masz w adresie URL Map statycznych podpis cyfrowy, po dodaniu identyfikatora mapy musisz utworzyć i dodać nowy podpis cyfrowy. Podczas generowania nowego klucza tajnego do podpisywania URL-a pamiętaj, aby usunąć z adresu URL poprzedni podpis cyfrowy.