Menambahkan set data ke peta

Pilih platform: Android iOS JavaScript

Halaman ini menguraikan cara menambahkan set data ke peta, dan menerapkan gaya visual.

Prasyarat

Sebelum melanjutkan, Anda harus memiliki ID peta dan gaya peta, serta ID set data.

• Membuat ID peta dan gaya peta

• Membuat dan mengupload set data

  Catatan: Anda memerlukan ID set data untuk melakukan inisialisasi aplikasi.

Mengaitkan ID set data dengan gaya peta

Untuk menata gaya fitur set data, Anda menerapkan fungsi gaya ke lapisan fitur set data peta. Lapisan fitur set data dibuat saat Anda mengaitkan set data dengan gaya peta.

Eksperimental: Fitur ini hanya dapat ditetapkan untuk gaya peta terang. Saat Anda menautkan gaya peta terang yang mengaktifkan fitur ini ke ID peta, lapisan yang diaktifkan juga tersedia untuk gaya peta gelap.

Lakukan langkah-langkah berikut untuk mengaitkan set data Anda dengan gaya peta yang Anda gunakan:

1. Di Konsol Google Cloud, buka halaman Datasets.
2. Klik nama set data. Halaman Dataset details akan muncul.
3. Klik tab Preview.
4. Di bagian Gaya peta terkait, klik TAMBAH GAYA PETA.
   
5. Centang kotak untuk Gaya Peta yang akan dikaitkan, lalu klik SAVE.

Perhatian: Merender beberapa set data pada peta dapat memengaruhi performa, bergantung pada ukuran dan jumlah set data.

Menerapkan gaya ke set data

Untuk menata gaya fitur lapisan set data, gunakan closure gaya visual yang menerima GMSDatasetFeature dan menampilkan GMSFeatureStyle untuk menentukan atribut gaya. Kemudian, tetapkan properti gaya ke closure gaya, yang berisi logika gaya visual.

Penutupan gaya harus bersifat deterministik dan menampilkan hasil yang konsisten saat diterapkan. Jika spesifikasi gaya fitur apa pun diubah, gaya tersebut harus diterapkan lagi.

Menetapkan goresan, isian, dan radius titik

Saat menata gaya fitur dalam fungsi factory gaya, Anda dapat menetapkan:

• Warna dan opasitas goresan batas seperti yang ditentukan oleh class UIColor. Nilai defaultnya adalah transparan (UIColor.clearColor).

• Lebar goresan batas dalam piksel layar. Nilai defaultnya adalah 2.

• Warna dan opasitas pengisi seperti yang ditentukan oleh class UIColor. Nilai defaultnya adalah transparan (UIColor.clearColor).

• Radius titik dari fitur titik antara 0 dan 128 piksel.

Catatan: Jika Anda ingin fitur tidak terlihat, tampilkan nil dari fungsi gaya untuk fitur tersebut.

Menggunakan aturan gaya sederhana

Cara paling sederhana untuk menata gaya fitur adalah dengan menentukan atribut gaya konstan seperti warna, opasitas, dan lebar garis. Terapkan opsi gaya fitur secara langsung ke lapisan fitur set data, atau gunakan bersama dengan gaya kustom.

Swift

let options = GMSMapViewOptions()
options.mapID = GMSMapID(identifier: "YOUR_MAP_ID")
options.camera = GMSCameraPosition(latitude: 40.7, longitude: -74.0, zoom: 12)
let mapView = GMSMapView(options: options)

let layer = mapView.datasetFeatureLayer(of: "YOUR_DATASET_ID")

// Define a style with green fill and stroke.
// Apply the style to all features in the dataset.
layer.style = { feature in
    let style = MutableFeatureStyle()
    style.fillColor = .green.withAlphaComponent(0.1)
    style.strokeColor = .green
    style.strokeWidth = 2.0
    return style
}

Objective-C

GMSMapViewOptions *options = [[GMSMapViewOptions alloc] init];
options.camera = [GMSCameraPosition cameraWithLatitude:40.7 longitude:-74.0 zoom:12];
options.mapID = [GMSMapID mapIDWithIdentifier:@"MAP_ID"];
GMSMapView *mapView = [[GMSMapView alloc] initWithOptions:options];

GMSDatasetFeatureLayer *layer = [mapView datasetFeatureLayerOfDatasetID:@"YOUR_DATASET_ID"];

// Define a style with green fill and stroke.
// Apply the style to all features in the dataset.
layer.style = ^(GMSDatasetFeature *feature) {
    GMSMutableFeatureStyle *style = [GMSMutableFeatureStyle style];
    style.fillColor = [[UIColor greenColor] colorWithAlphaComponent:0.1];
    style.strokeColor = [UIColor greenColor];
    style.strokeWidth = 2.0;
    return style;
};

Menggunakan aturan gaya deklaratif

Anda dapat menetapkan aturan gaya secara deklaratif berdasarkan atribut fitur, dan menerapkannya di seluruh set data Anda. Anda dapat menampilkan nil dari fungsi gaya fitur, misalnya, jika Anda ingin sebagian fitur tetap tidak ditampilkan.

Misalnya, gunakan GMSDatasetFeature.datasetAttributes untuk menampilkan nilai atribut set data untuk suatu fitur. Kemudian, Anda dapat menyesuaikan gaya fitur berdasarkan atributnya.

Contoh ini menentukan nilai atribut "highlightColor" dari setiap fitur set data untuk mengontrol gaya visual:

Swift

layer.style = { feature in
    var attributeColor: String = feature.datasetAttributes["highlightColor"]
    // Conditionalize styling based on the value of the "highlightColor" attribute.
    ...
}

Objective-C

// Apply the style to a single dataset feature.
layer.style = ^(GMSDatasetFeature *feature) {
    NSString *attributeColor = feature.datasetAttributes[@"highlightColor"];
    // Conditionalize styling based on the value of the "highlightColor" attribute.
    ...
};

Menghapus gaya visual dari lapisan

Untuk menghapus gaya visual dari lapisan, tetapkan style ke null:

Swift

layer.style = nil

Objective-C

layer.style = nil;

Anda juga dapat menampilkan nil dari fungsi gaya fitur, misalnya, jika Anda ingin sebagian fitur tetap tidak ditampilkan.