KML

Wybierz platformę: Android iOS JavaScript

Na tej stronie pokazujemy, jak renderować dane geograficzne w formacie KML przy użyciu tagu GMUKMLParser w spójniku z elementem GMUGeometryRenderer. KML jest popularnym formatem do renderowania danych geograficznych, takich jak punkty, linie i wielokąty.

Zrzut ekranu poniżej pokazuje przykładowe dane KML renderowane na mapie:

Mapa z danymi KML

Wymagania wstępne i uwagi

GMUKMLParser jest częścią biblioteki narzędziowej pakietu Maps SDK na iOS. Jeśli nie masz jeszcze skonfigurowanej biblioteki, zapoznaj się z dalszymi informacjami z przewodnika po konfiguracji.

Pełen przykładowy kod znajdziesz w przykładowych aplikacjach na GitHubie.

Renderowanie danych KML

Aby wyrenderować dane KML na mapie, utwórz obiekt GMUKMLParser ze ścieżką do zasobu KML (w tym przykładzie KML_Sample.kml). Następnie utwórz obiekt GMUGeometryRenderer przekazujący instancję GMUKMLParser. Na koniec zadzwoń pod numer GMUGeometryRenderer.render(). Poniższy przykładowy kod przedstawia renderowanie danych KML na mapie:

Swift

import GoogleMapsUtils

class KML: NSObject {
  private var mapView: GMSMapView!

  func renderKml() {
    guard let path = Bundle.main.path(forResource: "KML_Sample", ofType: "kml") else {
      print("Invalid path")
      return
    }

    let url = URL(fileURLWithPath: path)

    let kmlParser = GMUKMLParser(url: url)
    kmlParser.parse()

    let renderer = GMUGeometryRenderer(
      map: mapView,
      geometries: kmlParser.placemarks,
      styles: kmlParser.styles
    )

    renderer.render()
  }
}
      

Objective-C

@import GoogleMapsUtils;

@implementation KML {
  GMSMapView *_mapView;
}

- (void)renderKml {
  NSString *path = [[NSBundle mainBundle] pathForResource:@"KML_Sample" ofType:@"kml"];
  NSURL *url = [NSURL fileURLWithPath:path];
  GMUKMLParser *parser = [[GMUKMLParser alloc] initWithURL:url];
  [parser parse];
  GMUGeometryRenderer *renderer = [[GMUGeometryRenderer alloc] initWithMap:_mapView
                                                                geometries:parser.placemarks
                                                                    styles:parser.styles];
  [renderer render];
}

@end