Bilgi pencereleri

Bilgi penceresi, kullanıcı bir işaretçiye dokunduğunda ona bilgi görüntülemenizi sağlar.

Cihaz ekranına doğru, ilişkili işaretçinin üzerinde ortalanmış bir bilgi penceresi çizilir. Varsayılan bilgi penceresi, başlığın altında kalın metin ile birlikte başlığı içerir.

Bilgi penceresinin içeriği, işaretçinin title ve snippet özellikleriyle tanımlanır. Hem title hem de snippet özelliği boş veya nil ise işaretçiyi tıkladığınızda bir bilgi penceresi görüntülenmez.

Aynı anda yalnızca tek bir bilgi penceresi gösterilir. Kullanıcı başka bir işaretçiye dokunursa mevcut pencere gizlenir ve yeni bilgi penceresi açılır. Kullanıcı o anda bir bilgi penceresi gösteren bir işaretçiyi tıklarsa, söz konusu bilgi penceresi kapanır ve yeniden açılır.

İlave metin veya resim eklemek için özel bir bilgi penceresi oluşturun. Özel bilgi penceresi, pop-up'ın görünümü üzerinde tam denetime sahip olmanızı sağlar.

Bilgi penceresi ekle

Aşağıdaki snippet, bilgi penceresinin metni için yalnızca başlık içeren basit bir işaretçi oluşturur.

let position = CLLocationCoordinate2D(latitude: 51.5, longitude: -0.127)
let london = GMSMarker(position: position)
london.title = "London"
london.map = mapView
      

CLLocationCoordinate2D position = CLLocationCoordinate2DMake(51.5, -0.127);
GMSMarker *london = [GMSMarker markerWithPosition:position];
london.title = @"London";
london.map = mapView;
      

snippet özelliğiyle, başlığın altında daha küçük bir yazı tipiyle görüntülenecek ilave metinler ekleyebilirsiniz. Bilgi penceresinin genişliğinden daha uzun olan dizeler, otomatik olarak birkaç satıra kaydırılır. Çok uzun mesajlar kısaltılabilir.

london.title = "London"
london.snippet = "Population: 8,174,100"
london.map = mapView
      

london.title = @"London";
london.snippet = @"Population: 8,174,100";
london.map = mapView;
      

Bilgi penceresini gösterme/gizleme

Bilgi pencereleri, işaretçiye kullanıcı dokunma etkinliklerine yanıt verecek şekilde tasarlanmıştır. GMSMapView öğesinin selectedMarker özelliğini ayarlayarak bir bilgi penceresini programatik olarak gösterebilir veya gizleyebilirsiniz:

• İşaretçiyi göstermek için selectedMarker değerini işaretçinin adına ayarlayın.
• selectedMarker öğesini gizlemek için nil olarak ayarlayın.

london.title = "London"
london.snippet = "Population: 8,174,100"
london.map = mapView
// Show marker
mapView.selectedMarker = london
// Hide marker
mapView.selectedMarker = nil
      

london.title = @"London";
london.snippet = @"Population: 8,174,100";
london.map = mapView;
// Show marker
mapView.selectedMarker = london;
// Hide marker
mapView.selectedMarker = nil;
      

Otomatik olarak yenilenecek bir bilgi penceresi ayarlama

Bilgi penceresinin gizlenip tekrar gösterilmesini beklemek yerine, yeni özelliklerin veya bilgi penceresi içeriğinin değiştirildiğinde hemen gösterilmesini istiyorsanız işaretçideki tracksInfoWindowChanges değerini YES veya true değerine ayarlayın. Varsayılan değer NO veya false'dir.

london.tracksInfoWindowChanges = true
      

london.tracksInfoWindowChanges = YES;
      

tracksInfoWindowChanges özelliğinin ne zaman ayarlanacağına karar vermek için performansla ilgili önemli noktaları, bilgi penceresinin otomatik olarak yeniden çizilmesinin avantajlarıyla karşılaştırmanız gerekir. Örneğin:

• Yapacağınız bir dizi değişiklik varsa özelliği YES ve ardından tekrar NO olarak değiştirebilirsiniz.
• Bir animasyon çalışırken veya içerikler eşzamansız olarak yüklenirken işlemler tamamlanana kadar özelliği YES değerine ayarlanmış olarak tutmalısınız.

İşaretçinin iconView özelliğini kullanırken göz önünde bulundurulması gereken notlara da bakın.

Bir bilgi penceresinin konumunu değiştirme

Cihaz ekranına doğru, ilişkili işaretçisinin üzerine ortalanmış bir bilgi penceresi çizilir. infoWindowAnchor özelliğini ayarlayarak, bilgi penceresinin işaretçiye göre konumunu değiştirebilirsiniz. Bu özellik, x ve y değerinin 0,0 ile 1,0 arasında olduğu bir (x,y) ofset olarak tanımlanan CGPoint kabul eder. Varsayılan ofset, (0,5, 0,0) yani orta üst kısmıdır. infoWindowAnchor ofsetini ayarlamak, bilgi penceresini özel bir simgeye göre hizalamak açısından yararlıdır.

london.infoWindowAnchor = CGPoint(x: 0.5, y: 0.5)
london.icon = UIImage(named: "house")
london.map = mapView
      

london.infoWindowAnchor = CGPointMake(0.5, 0.5);
london.icon = [UIImage imageNamed:@"house"];
london.map = mapView;
      

Bilgi pencerelerindeki etkinlikleri işleme

Aşağıdaki bilgi penceresi etkinliklerini dinleyebilirsiniz:

• mapView:markerInfoWindow: — Bir işaretçi seçilmek üzereyken çağrılır. İsteğe bağlı olarak, işaretçi için kullanmak üzere UIView olarak özel bir bilgi penceresi döndürebilir. Daha fazla bilgi için aşağıdaki Özel bilgi pencereleri bölümüne bakın.

• mapView:markerInfoContents: - mapView:markerInfoWindow nil değerini döndürdüğünde çağrılır.

• mapView:didCloseInfoWindowOfMarker: — İşaretçinin bilgi penceresi kapatıldığında çağrılır.

• mapView:didLongPressInfoWindowOfMarker: — Bir işaretçinin bilgi penceresine uzun basıldıktan sonra çağrılır.

Etkinlikleri dinlemek için GMSMapViewDelegate protokolünü uygulamanız gerekir. GMSMapViewDelegate'daki etkinlik kılavuzunu ve yöntemlerin listesini inceleyin.

GitHub, bilgi penceresi etkinliklerinin nasıl işleneceğini gösteren örnekleri içerir:

• Hedef-C
• Hızlıca

Özel bilgi pencereleri

Özel bilgi penceresinin düzenini tanımlayan bir UIView alt sınıfı oluşturarak bilgi pencerelerinin içeriğini özelleştirin. Bu alt sınıfta, görünümü istediğiniz şekilde tanımlayın. Örneğin, başlık ve snippet metnini ve diğer görünümleri (ör. UIImageView) görüntülemek için özel UILabel örnekleri kullanarak bilgi penceresinde gösterilen resimleri ekleyebilirsiniz.

ViewController öğenizin GMSIndoorDisplayDelegate protokolünü uyguladığından ve mapView:markerInfoWindow: etkinliği için bir işleyici tanımladığından emin olun. Bu etkinlik işleyici, bir işaretçi seçilmek üzereyken çağrılır ve işaretçi tarafından kullanılan özel bilgi penceresini tanımlamak için özel UIView sınıfınızın bir örneğini döndürmenizi sağlar.

Aşağıdaki resimlerde bir varsayılan bilgi penceresi, özelleştirilmiş içeriklerin bulunduğu bir bilgi penceresi ve özelleştirilmiş çerçeve ile arka planın bulunduğu bir bilgi penceresi gösterilmektedir.

iOS için Haritalar SDK'sı ile sağlanan GitHub'daki kod örnekleri, özel bilgi penceresi örneklerini içerir. Örneğin, MarkerInfoWindowViewController.m (Objective-C) veya MarkerInfoWindowViewController.swift (Swift) tanımını inceleyin.

Bu örnekleri indirme ve çalıştırmayla ilgili bilgi için kod örneklerine bakın.