كيفية استخدام علامات Cluster Plus على خريطة جوجل مع صور شبكية العين

StackOverflow https://stackoverflow.com//questions/21047829

سؤال

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

giveacodicetagpre.


لا يبدو أن خيار EnableStAnicons يعمل، وتظهر الصورة مرتين الحجم.

إعداد العرض إلى 66x66px لا يساعد أيضا.

هل يعرف شخص ما كيفية تكوين هذا بشكل صحيح؟

هل كانت مفيدة؟

المحلول

هذا هو الخطأ على ما يبدو في علامات Cluster Plus. المكان الوحيد في التعليمات البرمجية حيث يستخدمون هذا الخيار بالفعل هنا:

giveacodicetagpre.

لذلك فهي في الواقع تعطيل القصاصات فقط لأيقونات العفريت، لكنها لا تدير بالفعل عمل شبكية العين المطلوبة. تبدو شجرة أيقونة HTML في الواقع مثل هذا:

أدخل وصف الصورة هنا

حتى تتمكن من رؤية أن الحف المحيطا الرمز يحتوي على أبعاد مناسبة تعيين (33x33)، ولكن الصورة جدا (الرمز الأزرق) لا تملك أي أبعاد مجموعة.

حاولت حل المشكلة عن طريق تصحيح مكتبة علامات Cluster، فقط عن طريق إضافة فرع آخر:

giveacodicetagpre.

يبدو أن العمل:

مكتبة كاملة مصححة pastebin

مثال الاختبار - http://jsfiddle.net/rt28t/2/

يمكنك الإبلاغ عن خطأ وإضافة هذا كقسم مقترح: -)

نصائح أخرى

أعرف أن هذا السؤال قد تم الرد عليه، ولكن هناك طريقة أخرى لحل هذه المشكلة (وربما أسهل) هي باستخدام أيقونة علامة SVG .بهذه الطريقة:

  • الحل الخاص بك سوف يدعم أي كثافة بكسل الجهاز
  • لا تحتاج إلى تصحيح المكتبة (مع كل المشاكل التي يمكن أن تسببها)
  • دعم المتصفح الحالي جيد جدا - تحقق من caniuse.com svg-img للمتصفحاحصائيات

مجرد تحميل الرموز مرتين الحجم:

giveacodicetagpre.

وأضف إلى CSS:

giveacodicetagpre.

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top