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

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