เพิ่มชุดข้อมูลลงในแผนที่

เลือกแพลตฟอร์ม: Android iOS JavaScript

หน้านี้จะแสดงวิธีเพิ่มชุดข้อมูลลงในแผนที่และใช้การจัดรูปแบบ

ใช้การจัดรูปแบบกับฟีเจอร์ชุดข้อมูล

ข้อกำหนดเบื้องต้น

ก่อนดำเนินการต่อ คุณควรมีรหัสแผนที่และรูปแบบแผนที่ รวมถึงรหัสชุดข้อมูล

เชื่อมโยงรหัสชุดข้อมูลกับรูปแบบแผนที่

หากต้องการจัดรูปแบบฟีเจอร์ของชุดข้อมูล ให้ใช้ฟังก์ชันการจัดรูปแบบกับ เลเยอร์ของฟีเจอร์ชุดข้อมูลของแผนที่ ระบบจะสร้างเลเยอร์ของฟีเจอร์ชุดข้อมูลเมื่อคุณ เชื่อมโยงชุดข้อมูลกับรูปแบบแผนที่

ทำตามขั้นตอนต่อไปนี้เพื่อเชื่อมโยงชุดข้อมูลกับรูปแบบแผนที่ที่คุณใช้

  1. ไปที่หน้าชุดข้อมูล ในคอนโซล Google Cloud
  2. คลิกชื่อชุดข้อมูล หน้ารายละเอียดชุดข้อมูล จะปรากฏขึ้น
  3. คลิกแท็บแสดงตัวอย่าง
  4. ในส่วนรูปแบบแผนที่ที่เชื่อมโยง ให้คลิก เพิ่มรูปแบบแผนที่
    ส่วนรูปแบบแผนที่ที่เชื่อมโยงซึ่งมีปุ่มบวกที่ระบุว่าเพิ่มรูปแบบแผนที่ทางด้านขวา
  5. คลิกช่องทำเครื่องหมายสำหรับรูปแบบแผนที่ที่จะเชื่อมโยง แล้วคลิก บันทึก

ใช้รูปแบบกับชุดข้อมูล

หากต้องการจัดรูปแบบฟีเจอร์ของเลเยอร์ชุดข้อมูล ให้ใช้การปิดการจัดรูปแบบที่รับ GMSDatasetFeature และแสดงผล GMSFeatureStyle เพื่อกำหนดแอตทริบิวต์รูปแบบ จากนั้นตั้งค่าพร็อพเพอร์ตี้รูปแบบเป็นการปิดการจัดรูปแบบซึ่งมีตรรกะการจัดรูปแบบ

การปิดการจัดรูปแบบต้องกำหนดได้และแสดงผลลัพธ์ที่สอดคล้องกันเมื่อนำไปใช้ หากมีการเปลี่ยนแปลงข้อกำหนดการจัดรูปแบบของฟีเจอร์ใดก็ตาม คุณต้องใช้รูปแบบอีกครั้ง

ตั้งค่ารัศมีเส้นขีด สีเติม และจุด

เมื่อจัดรูปแบบฟีเจอร์ในฟังก์ชันโรงงานรูปแบบ คุณจะตั้งค่าต่อไปนี้ได้

  • สีและความทึบแสงของเส้นขีด ของเส้นขอบตามที่กำหนดโดยคลาส UIColor ค่าเริ่มต้นคือโปร่งใส (UIColor.clearColor)

  • ความกว้างของเส้นขีด ของเส้นขอบเป็นพิกเซลบนหน้าจอ ค่าเริ่มต้นคือ 2

  • สีและความทึบแสงของสีเติม ตามที่กำหนดโดยคลาส UIColor ค่าเริ่มต้นคือโปร่งใส (UIColor.clearColor)

  • รัศมีจุด ของฟีเจอร์จุดระหว่าง 0 ถึง 128 พิกเซล

ใช้กฎรูปแบบอย่างง่าย

วิธีที่ง่ายที่สุดในการจัดรูปแบบฟีเจอร์คือการกำหนดแอตทริบิวต์รูปแบบคงที่ เช่น สี ความทึบแสง และความกว้างของเส้น ใช้ตัวเลือกรูปแบบฟีเจอร์กับเลเยอร์ของฟีเจอร์ชุดข้อมูลโดยตรง หรือใช้ร่วมกับการจัดรูปแบบที่กำหนดเอง

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;
};

ใช้กฎรูปแบบเชิงประกาศ

คุณสามารถตั้งค่ากฎรูปแบบเชิงประกาศตามแอตทริบิวต์ของฟีเจอร์ และใช้กฎดังกล่าวกับชุดข้อมูลทั้งหมด คุณสามารถแสดงผล nil จากฟังก์ชันรูปแบบฟีเจอร์ได้ เช่น หากต้องการให้ฟีเจอร์บางส่วนไม่ปรากฏ

ตัวอย่างเช่น ใช้ GMSDatasetFeature.datasetAttributes เพื่อแสดงผลค่าแอตทริบิวต์ชุดข้อมูลสำหรับฟีเจอร์ จากนั้นคุณสามารถปรับแต่งการจัดรูปแบบฟีเจอร์ตามแอตทริบิวต์ของฟีเจอร์ได้

ตัวอย่างนี้กำหนดค่าแอตทริบิวต์ "highlightColor" ของฟีเจอร์แต่ละรายการในชุดข้อมูลเพื่อควบคุมการจัดรูปแบบ

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.
    ...
};

นำการจัดรูปแบบออกจากเลเยอร์

หากต้องการนำการจัดรูปแบบออกจากเลเยอร์ ให้ตั้งค่า style เป็น null

Swift

layer.style = nil

Objective-C

layer.style = nil;

คุณยังสามารถแสดงผล nil จากฟังก์ชันรูปแบบฟีเจอร์ได้ เช่น หากต้องการให้ฟีเจอร์บางส่วนไม่ปรากฏ