สร้างเครื่องหมายขั้นสูง

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

ใช้คลาสย่อย GMSAdvancedMarker เพื่อสร้างองค์ประกอบเครื่องหมายพื้นฐานหรือเฉพาะเจาะจง ดังที่แสดงด้านล่าง GMSAdvancedMarker เป็นคลาสย่อยของ GMSMarker ซึ่งให้เครื่องหมายที่มีการแสดงออกมากกว่า

Swift

let camera = GMSCameraPosition( target: coordinate, zoom: 14)
let mapID = GMSMapID(identifier: "YOUR_MAP_ID")
let mapView = GMSMapView(frame: view.bounds, mapID: mapID, camera: camera)

let marker = GMSAdvancedMarker(position: coordinate)
marker.map = mapView

Objective-C

GMSCameraPosition *camera = [GMSCameraPosition cameraWithTarget:kCoordinate zoom:16];
GMSMapID *mapID = [GMSMapID mapIDWithIdentifier:"YOUR_MAP_ID"];

self.mapView = [GMSMapView mapWithFrame:self.view.bounds mapID:mapID camera:camera];

GMSAdvancedMarker *marker = [GMSAdvancedMarker markerWithPosition:kCoordinate];
Marker.map = self.mapView;

นําเครื่องหมายขั้นสูงออก

คุณสามารถนําเครื่องหมายขั้นสูงออกจากแผนที่ได้เช่นเดียวกับ GMSMarker โดยการตั้งค่าพร็อพเพอร์ตี้แผนที่ของ GMSAdvancedMarker เป็น nil หรือจะนําการวางซ้อนทั้งหมด (รวมถึงเครื่องหมายขั้นสูง) บนแผนที่ออกโดยเรียกใช้เมธอด GMSMapView clear ก็ได้

Swift

let camera = GMSCameraPosition.camera(
  withLatitude: -33.8683,
  longitude: 151.2086,
  zoom: 6
)
let mapView = GMSMapView.map(withFrame: .zero, camera: camera)
// ...
mapView.clear()

Objective-C

GMSCameraPosition *camera = [GMSCameraPosition cameraWithLatitude:-33.8683
                                                        longitude:151.2086
                                                             zoom:6];
mapView = [GMSMapView mapWithFrame:CGRectZero camera:camera];
// ...
[mapView clear];

หากต้องการแก้ไขเครื่องหมายหลังจากที่เพิ่มลงในแผนที่แล้ว ให้จับวัตถุ GMSAdvancedMarker ไว้ คุณจะแก้ไขเครื่องหมายในภายหลังได้โดยทำการเปลี่ยนแปลงออบเจ็กต์นี้

Swift

let position = CLLocationCoordinate2D(latitude: 10, longitude: 10)
let marker = GMSAdvancedMarker(position: position)
marker.map = mapView
// ...
marker.map = nil

Objective-C

CLLocationCoordinate2D position = CLLocationCoordinate2DMake(10, 10);
GMSAdvancedMarker *marker = [GMSAdvancedMarker markerWithPosition:position];
marker.map = mapView;
// ...
marker.map = nil;

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

พร็อพเพอร์ตี้ mapCapabilities ใน GMSMapView จะเพิ่มการตรวจสอบแบบเป็นโปรแกรมสำหรับสถานที่เฉพาะแผนที่ ซึ่งมีประโยชน์เมื่อต้องการทราบว่าความสามารถบางอย่างของแผนที่พร้อมใช้งานหรือไม่ก่อนที่จะเรียก API ที่เฉพาะเจาะจง ระบบจะเรียกใช้ฟังก์ชัน didChangeMapCapabilities ของ GMSMapViewDelegate ด้วยเมื่อความสามารถมีการเปลี่ยนแปลง การค้นหานี้จะระบุว่ามุมมองแผนที่รองรับเครื่องหมายขั้นสูงหรือไม่

Swift

// ...

let advancedMarker: GMSAdvancedMarker = {
GMSAdvancedMarker(position: CLLocationCoordinate2D(latitude: 47.6089945, longitude: -122.3410462))
}()

let marker: GMSMarker = {
GMSMarker(position: CLLocationCoordinate2D(latitude: 47.6089945, longitude: -122.3410462))
}()

func addMarker() {
  if mapView.mapCapabilities.contains(.advancedMarkers) {
      advancedMarker.map = mapView
    } else {
      marker.map = mapView
    }
}

extension MapCapabilities: GMSMapViewDelegate {
  func mapView(_ mapView: GMSMapView, didChangeMapCapabilities mapCapabilities: GMSMapCapabilityFlags) {

     let advancedMarkerAvailable = mapCapabilities.contains(.advancedMarkers)

     advancedMarker.map = advancedMarkerAvailable ? mapView : nil
     marker.map = advancedMarkerAvailable ? nil : mapView
  }
}

Objective-C

// ...

_advancedMarker = [GMSAdvancedMarker markerWithPosition:  kSeattleCoordinates];
_fallbackMarker = [GMSMarker markerWithPosition: kSeattleCoordinates];

-   (void)addMarker {

  if (_mapView.mapCapabilities & GMSMapCapabilityFlagsAdvancedMarkers) {
    _advancedMarker.map = _mapView;
    } else {
    _fallbackMarker.map = _mapView;
  }
}

#pragma mark - GMSMapViewDelegate

-   (void)mapView:(GMSMapView *)mapView
    didChangeMapCapabilities:(GMSMapCapabilityFlags)mapCapabilities {
  BOOL advancedMarkersAvailable = mapCapabilities & GMSMapCapabilityFlagsAdvancedMarkers;
  _advancedMarker.map = advancedMarkersAvailable ? _mapView : nil;
  _fallbackMarker.map = advancedMarkersAvailable ? nil : _mapView;
}