Temel işaretçi özelleştirmesi

Platform seçin: Android iOS JavaScript

New York City'nin 3D görüntüsünde Empire State Binası ve üzerinde üç özel dijital işaretçi yer alıyor. Bu işaretçilerden biri, "King Kong" yazılı bir çizgi film gorilini gösteriyor.

pinConfiguration oluşturucusunu kullanarak işaretçilerin görünümünü özelleştirebilirsiniz. pinConfiguration oluşturucusu, arka plan ve kenarlık renklerini, glif metnini ve rengini, yüksekliği, kullanılacak resmi ve ek özelleştirme için daha fazla seçeneği değiştirmeye yönelik yöntemler sağlar.

Aşağıdaki kod örneğinde, yeni bir işaretçinin nasıl oluşturulacağı ve mevcut özelleştirme seçeneklerinden bazıları kullanılarak nasıl stil verileceği gösterilmektedir:

map.addMarker(
 markerOptions {
   position = sanFrancisco
   style = pinConfiguration {
     backgroundColor = Color.GREEN
     borderColor = Color.GREEN
     glyph = Glyph.fromColor(Color.RED)
   }
 }
)

Bu sayfada, işaretçileri aşağıdaki şekillerde nasıl özelleştireceğiniz gösterilmektedir:

İşaretçiyi ölçeklendirme

Bir işaretçiyi ölçeklendirmek için scale seçeneğini kullanın:

map.addMarker(
 markerOptions {
   position = sanFrancisco
   style = pinConfiguration {
     scale = 3.14
   }
 }
)

Arka plan rengini değiştirme

İnşaat sırasında bir işaretçinin arka plan rengini değiştirmek için PinElement.background seçeneğini kullanın:

map.addMarker(
 markerOptions {
   position = sanFrancisco
   style = pinConfiguration {
     backgroundColor = Color.GREEN
   }
 }
)

Kenarlık rengini değiştirme

İnşaat sırasında bir işaretçinin kenarlık rengini değiştirmek için markerOptions.borderColor seçeneğini kullanın:

map.addMarker(
 markerOptions {
   position = sanFrancisco
   style = pinConfiguration {
     borderColor = Color.GREEN
   }
 }
)

Glife metin ekleme

Varsayılan glifi bir metin karakteriyle değiştirmek için markerOptions.glyph yöntemini kullanın. İşaretçinin metin glifi, işaretçiyle birlikte ölçeklenir:

map.addMarker(
 markerOptions {
   position = sanFrancisco
   style = pinConfiguration {
     glyph = Glyph.fromText("G")
   }
 }
)

Resmi işaretçi olarak kullanma

Map.addMarker(markerOptions {
  position = latLngAltitude {
      latitude = 40.7484
      longitude = -73.9857
      altitude = 100.0
  }
  zIndex = 1
  label = "Empire State Building"
  isExtruded = true
  isDrawnWhenOccluded = true
  altitudeMode = AltitudeMode.RELATIVE_TO_MESH
  setStyle(ImageView(R.drawable.ook))
})

İşaretçileri kaldırma

İşaretçileri haritadan kaldırmak için Marker.remove() simgesini kullanın:

marker.remove();