المحدِّدات

bookmark_border تنظيم صفحاتك في مجموعات يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.

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

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

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

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

استبدِل رمز العلامة التلقائي بمورد 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
});

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

• إضافة علامة