مجموعة علامات جافا سكريبت لخرائط Google - 💡 Fix My Ideas

مجموعة علامات جافا سكريبت لخرائط Google

مجموعة علامات جافا سكريبت لخرائط Google


مؤلف: Ethan Holmes, 2019

واجه كل من يعمل مع مجموعات البيانات الكبيرة في خرائط Google مشكلة عرض مجموعة من العلامات في مساحة صغيرة. ليس مجرد بصمة للعين ، حيث أن عرض أي شيء أكثر من مائة علامة أيقونة في وقت واحد يمكن أن يتسبب في تعطل المتصفح على الكثير من المنصات ، Safari على أجهزة PPC Macs التي توفر أكبر قدر من الألم.

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

يمكنك أيضًا التعامل مع المجموعات على جانب العميل ، باستخدام javascript لمسح مجموعة المواقع بأكملها وتحديد العناصر المرئية بشكل حيوي وما يجب تجميعها بشكل حيوي. الجانب السلبي هو أنه يتعين عليك تنزيل المجموعة بأكملها وتخزينها في ذاكرة المتصفح ، ولكن ما لم تبدأ في الوصول إلى عشرات الآلاف من العلامات ، فهذه ليست مشكلة كبيرة. تتمثل الفائدة من طريقة جانب العميل في أنها أقل تعقيدًا ، حيث تتيح لك حل مجموعات النتائج الكبيرة من واجهات برمجة التطبيقات الخلفية التي لا يمكنك التحكم فيها ، ومن خلال مكتبة جافا سكريبت التابعة لـ ACME Labs ، من السهل للغاية ترميزها.

لاستخدام Clusterer ، قم أولاً بتنزيل ملف Clusterer2.js وتضمينه من الرابط أدناه في صفحة الخرائط الخاصة بك. ثم تحتاج إلى إنشاء مثيل لعنصر Clusterer ، لتمرير كائن الخريطة الخاص بك إلى مُنشئه:

var clusterManager = مجموعة جديدة (خريطة) ؛

من هناك ، يمكنك استخدامه بدلاً من MarkerManager التقليدية أو أي مكالمات addOverlay عن طريق استدعاء أسلوب addMarker الخاص بـ Clusterer. يتطلب الأمر معلمتين ، علامة الإضافة ، وسلسلة نصية سيتم إدراجها في محتويات المجموعة عند النقر فوقها:

clusterManager.AddMarker (علامة ، "وصف العلامة") ؛

سيتولى مدير نظام المجموعة جميع الأعمال القذرة ، ويعرض فقط العناصر عندما تكون في عرضك ، ويقوم بتجميعها ديناميكيًا بشكل مناسب عندما يكون هناك الكثير على الشاشة في وقت واحد. عند النقر فوق إحدى المجموعات ، سيتم عرض قائمة بالمواقع الموجودة بداخلها. معظم ما ترغب في تعديله ، مثل العتبة التي تبدأ عندها التجميع والرمز المستخدم لتمثيل الكتلة ، كلها قابلة للتعديل من خلال واجهة برمجة التطبيقات (API) من خلال بعض وسائل التوضيح الذاتي مثل SetMaxVisibleMarkers (n) و SetIcon (رمز) . اتبع الرابط أدناه لمزيد من المعلومات ، أو اقرأ المصدر لعدد قليل من الخيارات الأقل توثيقًا.

توثيق نظام المجموعة مصدر نظام المجموعة



قد تكون مهتمة

كيف: قلب ورقة جيوب لعيد الحب

كيف: قلب ورقة جيوب لعيد الحب


كيف إلى: Oilcloth العصابة

كيف إلى: Oilcloth العصابة


الحرف ينتقل إلى وورد الليلة

الحرف ينتقل إلى وورد الليلة


المطبخ 101: الحمضيات العليا

المطبخ 101: الحمضيات العليا