เริ่มต้นใช้งาน

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

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

สร้างรหัสแผนที่

mapID คือตัวระบุที่ไม่ซ้ำซึ่งแสดงถึงอินสแตนซ์หนึ่งของ Google Maps คุณสามารถสร้างรหัสแผนที่และอัปเดตรูปแบบที่เชื่อมโยงกับรหัสแผนที่ได้ทุกเมื่อใน Google Cloud Console

ภาพหน้าจอคอนโซล Google Cloud

สร้างรูปแบบแผนที่ใหม่

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

เลือกเลเยอร์ของฟีเจอร์

คุณเลือกเลเยอร์ฟีเจอร์ที่จะแสดงได้ใน Google Cloud Console ซึ่งจะเป็นตัวกำหนดประเภทของขอบเขตที่จะปรากฏบนแผนที่ (เช่น ย่าน รัฐ และอื่นๆ)

จัดการเลเยอร์ของฟีเจอร์

  1. ในคอนโซล Google Cloud ให้ไปที่หน้ารูปแบบแผนที่

  2. เลือกโปรเจ็กต์หากได้รับข้อความแจ้ง

  3. เลือกรูปแบบแผนที่

  4. คลิกเมนูแบบเลื่อนลงเลเยอร์ของฟีเจอร์เพื่อเพิ่มหรือนำเลเยอร์ออก

  5. คลิกบันทึกเพื่อบันทึกการเปลี่ยนแปลงและนำไปใช้กับแผนที่ได้

ภาพหน้าจอแสดงเมนูแบบเลื่อนลง

อัปเดตโค้ดการเริ่มต้นแผนที่ของคุณ

ขั้นตอนนี้กำหนดให้ต้องเชื่อมโยงรหัสแผนที่กับรูปแบบที่เปิดใช้เลเยอร์ฟีเจอร์อย่างน้อย 1 รายการ หากต้องการยืนยันว่ารหัสแผนที่ได้รับการตั้งค่าอย่างถูกต้องใน Cloud Console ให้ตรวจสอบว่ากำหนดค่ารหัสอย่างไรในส่วนการจัดการ Maps

Swift

// A map ID using a style with one or more feature layers enabled

let mapID = GMSMapID(identifier: "YOUR_MAP_ID")
let mapView = GMSMapView(frame: .zero, mapID: mapID, camera: GMSCameraPosition(latitude: 40, longitude: -80, zoom: 7))

Objective-C

// A map ID using a style with one or more feature layers enabled

GMSMapID *mapID = [GMSMapID mapIDWithIdentifier:@"MAP_ID"];
GMSMapView *mapView = [GMSMapView mapWithFrame:CGRectZero mapID:mapID camera:[GMSCameraPosition cameraWithLatitude:40 longitude:-80 zoom:7]];

เพิ่มเลเยอร์ของฟีเจอร์ลงในแผนที่

หากต้องการรับการอ้างอิงไปยังเลเยอร์ของฟีเจอร์ในแผนที่ ให้เรียกใช้ mapView.featureLayer(of:) เมื่อเริ่มต้นแผนที่

Swift

let layer = mapView.featureLayer(of: .locality)

Objective-C

GMSFeatureLayer *layer = [mapView featureLayerOfFeatureType:GMSFeatureTypeLocality];

ตรวจสอบความสามารถของแผนที่

การจัดรูปแบบตามข้อมูลสำหรับขอบเขตจำเป็นต้องใช้ความสามารถที่เปิดใช้ใน Google Cloud Console และเชื่อมโยงกับรหัสแผนที่ เนื่องจากรหัสแผนที่อาจมีการเปลี่ยนแปลง คุณสามารถเรียกใช้ mapView.mapCapabilities บน GMSMapView เพื่อยืนยันว่าความสามารถบางอย่าง (เช่น การจัดรูปแบบจากข้อมูล) พร้อมใช้งานหรือไม่ก่อนที่จะเรียกใช้

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

Swift

class SampleViewController: UIViewController {

  private lazy var mapView: GMSMapView = GMSMapView(frame: .zero, mapID: GMSMapID(identifier: "YOUR_MAP_ID"), camera: GMSCameraPosition(latitude: 40, longitude: -80, zoom: 7))

  override func loadView() {
    self.view = mapView
    mapView.delegate = self
  }
}

extension SampleViewController: GMSMapViewDelegate {
  func mapView(_ mapView: GMSMapView, didChange mapCapabilities: GMSMapCapabilityFlags) {
    if (!mapCapabilities.contains(.dataDrivenStyling)) {
      // Data-driven styling is *not* available, add a fallback.
      // Existing feature layers are also unavailable.
    }
  }
}

Objective-C

@interface SampleViewController: UIViewController <GMSMapViewDelegate>
@end

@implementation SampleViewController
- (void)loadView {
  GMSMapView *mapView = [GMSMapView mapWithFrame:CGRectZero mapID:[GMSMapID mapIDWithIdentifier:@"MAP_ID"] camera:[GMSCameraPosition cameraWithLatitude:40 longitude:-80 zoom:7]];
  mapView.delegete = self;
  self.view = mapView;
}

- (void)mapView:(GMSMapView *)mapView didChangeMapCapabilities:(GMSMapCapabilityFlags)mapCapabilities {
  if (!(mapCapabilities & GMSMapCapabilityFlagsDataDrivenStyling)) {
    // Data-driven styling is *not* available, add a fallback.
    // Existing feature layers are also unavailable.
  }
}
@end