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

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