Temel işaretçi özelleştirmesi

Platform seçin: Android iOS JavaScript

New York'un 3D görüntüsünde Empire State Binası ve üzerinde üç özel dijital işaretçi görünüyor. İşaretçilerden biri, etiketli bir çizgi film gorili.

pinConfiguration oluşturucusunu kullanarak işaretçilerin görünümünü özelleştirebilirsiniz. pinConfiguration oluşturucu; arka plan ve kenarlık renklerini, glif metnini ve rengini, yüksekliği , kullanılacak resmi ve daha fazla özelleştirme seçeneğini değiştirmek için 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 oluşturulacağı 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 yöntemlerle nasıl özelleştireceğiniz açıklanmaktadır:

İş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

Oluşturma 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
   }
 }
)

Gliflere 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

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

marker.remove();