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

اختيار النظام الأساسي: 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();