المحدِّدات

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

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

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

تخصيص خلفية العلامة التلقائية ورمزها ولون حدودها وحجمها

محدّدات المواقع المخصّصة

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

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