المحدِّدات

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

استخدم محددات المواقع لعرض المواقع على الخرائط. يوضح المثال أعلاه علامة أساسية فردية بدون تطبيق أي تخصيص.

تخصيص اللون والقياس وصورة الرمز

يمكنك تخصيص خلفية العلامة التلقائية والرسم البياني ولون الحد وحجمها.

العلامات المخصّصة

استبدِل رمز العلامة التلقائي بمورد SVG مخصّص.

أقلام تحديد برسومات

ضبط ارتفاع العلامة

يمكنك تعيين ارتفاع العلامة بإنبثق العلامة وتعيين الارتفاع.

علامة بثق

جعل العلامات تستجيب لأحداث النقر ولوحة المفاتيح

يمكنك إنشاء علامة تستجيب للنقرات وأحداث لوحة المفاتيح عن طريق إضافة أداة استماع إلى أحداث click.

function initMap() {
  const map = new Map3DElement({
    center: { lat: 37.4690, lng: -122.1074, altitude: 0 },
    tilt: 67.5,
    range: 45000,
    mode: MapMode.HYBRID
  });

  const interactiveMarker = new google.maps.marker.Marker3DInteractiveElement({
    map,
    position: {lat: 37.4239163, lng: -122.0947209},
  });

  interactiveMarker.addEventListener('gmp-click', (event) => {
    // Handle the click event.
    // ...
  });
}

ضبط سلوك تصادم العلامات

حدد كيف يجب أن تتصرف العلامة عندما تتضارب مع علامة أو تسمية أخرى للخريطة.

const marker = new Marker3DElement({
    position: {lat, lng},
    collisionBehavior: google.maps.CollisionBehavior.REQUIRED
});

الخطوة التالية