IT-Swarm.Net

Google Map API V3: كيفية إضافة بيانات مخصصة إلى العلامات

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

لديّ أشياء أخرى يتم عرضها على الصفحة التي تعتمد على العلامات ، لذلك عندما تنقر علامة ما ، يجب تغيير المحتوى الموجود في الصفحة اعتمادًا على العلامة التي تم النقر فوقها. النقر الخ.

شكر

105
Abid

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

var markerA = new google.maps.Marker({
    map: map,
    position: new google.maps.LatLng(0, 0),
    customInfo: "Marker A"
});

var markerB = new google.maps.Marker({
    map: map,
    position: new google.maps.LatLng(-10, 0)
});
markerB.customInfo = "Marker B";

var markerC = new google.maps.Marker({
    map: map,
    position: new google.maps.LatLng(-20, 0)
});
markerC['customInfo'] = "Marker C";

ثم لاستعادتها بطريقة مماثلة:

google.maps.event.addListener(markerA, 'click', function() {
    alert(this.customInfo);
});
193
Tina CG Hoehr

يمكنك إضافة الخصائص المخصصة الخاصة بك إلى العلامات (فقط احرص على عدم التعارض مع خصائص واجهة برمجة التطبيقات).

14
geocodezip