Korzystanie z identyfikatorów map

Android

Dodaj identyfikator mapy za pomocą elementu <fragment> w sekcji aktywności pliku układu, przy użyciu klasy MapView lub programowo przy użyciu GoogleMapOptions zajęcia.

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

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

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

<fragment xmlns:map="http://schemas.android.com/apk/res-auto"
    class="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:android="http://schemas.android.com/apk/res/android"
    ....
    map:mapId="@string/map_id" />

Aby automatycznie określić identyfikator mapy, przekaż go do MapFragment instancji za pomocą klasy GoogleMapOptions:

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

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

W Android Studio skompiluj i uruchom aplikację tak jak zwykle. Style niestandardowe, skonfigurowana w pierwszym kroku zostanie zastosowana do wszystkich map z danym identyfikatorem.

iOS

Aby utworzyć instancję mapy przy użyciu identyfikatora mapy, wykonaj te czynności:

1. Utwórz w Cloud Console obiekt GMSMapID z ciągiem znaków identyfikatora mapy.
2. Utwórz GMSMapView, podając identyfikator właśnie utworzonej mapy.

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

GMSCameraPosition *camera = [GMSCameraPosition cameraWithLatitude:47.0169
                                                        longitude:-122.336471
                                                             zoom:12];
GMSMapID *mapID = [GMSMapID mapIDWithIdentifier:@"<YOUR 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 mieć nowy styl. ten styl zostanie automatycznie odzwierciedlony w widoku mapy użytkowników w ciągu około 6 godzin.

Jeśli chcesz zobaczyć zmiany od razu, możesz zamknąć przeglądarkę i uruchomić ją ponownie. przez wychodzenie z aplikacji, wymuszenie jej zamknięcia z ostatnio używanego listę aplikacji i ponownie ją otwórz. Zaktualizowana mapa będzie wtedy widoczna.

JavaScript

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

1. Jeśli obecnie dostosowujesz mapę, korzystając z umieszczonego kodu JSON, usuń parametr Usługa styles z obiektu MapOptions; W przeciwnym razie pomiń ten krok.

2. Dodaj do mapy identyfikator 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 do nowej lub istniejącej mapy, która korzysta z interfejsów API usług internetowych, dołącz parametr adresu URL map_id i ustaw go na identyfikator mapy. Ten przykład pokazuje, jak dodać do mapy identyfikator przy użyciu statycznego interfejsu API Map Google.

<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=YOUR_MAP_ID&signature=YOUR_SIGNATURE" />