تخصيص محدّد الموقع الأساسي

اختيار النظام الأساسي: Android iOS JavaScript

صورة ثلاثية الأبعاد لمدينة نيويورك تعرض مبنى إمباير ستيت مع ثلاثة علامات رقمية مخصّصة تطفو فوقه، بما في ذلك غوريلا كرتونية تحمل التصنيف

يمكنك تخصيص مظهر العلامات باستخدام أداة إنشاء pinConfiguration. توفر أداة إنشاء pinConfiguration طرقًا لتغيير ألوان الخلفية والحدود ونص الحرف الرسومي ولونه، الارتفاع ، والصورة المطلوب استخدامها، والمزيد من الخيارات للتخصيص الإضافي.

تعرض عينة التعليمات البرمجية التالية كيفية إنشاء علامة جديدة وتنسيقها باستخدام بعض خيارات التخصيص المتاحة:

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

توضّح لك هذه الصفحة كيفية تخصيص العلامات بالطرق التالية:

تغيير حجم العلامة

لتغيير حجم العلامة، استخدِم الخيار scale:

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

تغيير لون الخلفية

استخدِم الخيار PinElement.background لتغيير لون خلفية العلامة أثناء إنشائها:

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

تغيير لون الحدود

استخدِم الخيار markerOptions.borderColor لتغيير لون حدود العلامة أثناء إنشائها:

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

إضافة نص إلى حرف رسومي

استخدِم طريقة markerOptions.glyph لاستبدال الصورة الرمزية التلقائية بحرف نصي. يتغيّر حجم الصورة الرمزية النصية للعلامة مع العلامة:

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

استخدام صورة كعلامة

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))
})

إزالة العلامات

استخدِم Marker.remove() لإزالة العلامات من الخريطة:

marker.remove();