Halaman ini menunjukkan 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.
Mengaitkan ID set data dengan gaya peta
Untuk menata gaya fitur set data, Anda menerapkan fungsi gaya pada lapisan fitur set data peta. Lapisan fitur set data dibuat saat Anda mengaitkan set data dengan gaya peta.
Lakukan langkah-langkah berikut untuk mengaitkan set data Anda dengan gaya peta yang Anda gunakan:
- Di Konsol Google Cloud, buka halaman Datasets.
- Klik nama set data. Halaman Dataset details akan muncul.
- Klik tab Preview.
- Di bagian Associated map styles, klik
ADD MAP STYLE.
- Centang kotak untuk Gaya Peta yang akan dikaitkan, lalu klik SAVE.
Menerapkan gaya pada set data
Untuk menata gaya fitur lapisan set data, gunakan penutup gaya yang menerima
GMSDatasetFeature
dan menampilkan GMSFeatureStyle
untuk menentukan atribut gaya. Kemudian, tetapkan properti gaya ke penutupan gaya visual, yang berisi
logika gaya visual.
Penutup gaya harus determenistik dan menampilkan konsisten hasil saat diterapkan. Jika spesifikasi gaya visual fitur apa pun diubah, gaya harus diterapkan lagi.
Menetapkan goresan, isi, dan radius titik
Saat menata gaya fitur dalam fungsi factory gaya, Anda dapat menyetel:
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 isian seperti yang ditentukan oleh class
UIColor
. Default nilainya transparan (UIColor.clearColor
).Radius titik fitur titik antara 0 dan 128 piksel.
Menggunakan aturan gaya sederhana
Cara paling sederhana untuk menata gaya fitur adalah dengan mendefinisikan atribut gaya konstan seperti sebagai warna, opasitas, dan lebar garis. Terapkan opsi gaya fitur secara langsung ke lapisan fitur set data, atau menggunakannya bersama dengan gaya visual kustom.
Swift
let mapView = GMSMapView(frame: .zero, mapID: GMSMapID(identifier: "YOUR_MAP_ID"), camera: GMSCameraPosition(latitude: 40.7, longitude: -74.0, zoom: 12)) 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
GMSMapView *mapView = [GMSMapView mapWithFrame:CGRectZero mapID:[GMSMapID mapIDWithIdentifier:@"MAP_ID"] camera:[GMSCameraPosition cameraWithLatitude: 40.7 longitude: -74.0 zoom:12]]; 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 bisa menyetel aturan gaya secara deklaratif berdasarkan atribut fitur,
lalu menerapkannya di seluruh {i>dataset<i} Anda. Anda dapat mengembalikan nil
dari
fungsi gaya fitur, misalnya jika Anda ingin sebagian fitur tetap
tak terlihat.
Misalnya, gunakan
GMSDatasetFeature.datasetAttributes
untuk menampilkan nilai atribut set data untuk fitur. Anda kemudian dapat menyesuaikan
gaya fitur berdasarkan atributnya.
Contoh ini menentukan nilai "highlightColor" masing-masing fitur set data untuk mengontrol gaya:
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.