يجب أن أعرض تراكبين GeoJson: أحدهما يمكنه التفاعل مع المستخدم (انقر بالماوس فوقه) والثاني بدون تفاعل ، فقط لعرض المعلومات المرئية.
تقع الطبقة الأولى تحت الثانية ولا يلزم رسم سوى الحد.
لقد حددت "pointerEvents" إلى لا شيء لنمط الطبقة الثانية ، لكن LeafLet لا تستخدم هذه الخاصية: svg الذي تم إنشاؤه بدون هذه الخاصية.
var interactiveLayer = L.topoJson(epci2014TopoJson, {
style: function (feature) {
return {
weight: 0.0,
fillOpacity: 0.7,
color: 'rgb(200,200,200)',
fillColor: getColor(feature.properties.siren_epci || feature.properties.SIREN_EPCI)
}
},
onEachFeature: function (feature, layer) {
layer.on({
mouseover: highlightFeature,
mouseout: resetHighlight,
click: zoomToFeature
});
}
}).addTo(map);
var justForDrawLayer=L.geoJson(departementsGeoJson, {
style: function (feature) {
return {
pointerEvents : 'none',
clickable:false,
weight: 3,
fillOpacity: 0.0,
color: 'rgb(220,220,220)'
}
}
}).addTo(map);
لقد حاولت وضع "قابل للنقر" على "خطأ" ، بدون تغيير.
المعذرة إذا كانت لغتي الإنجليزية ليست كافية بشكل صحيح. شكرا لك.
استخدام http://playground-leaflet.rhcloud.com/ أو أي موقع مثل jsfiddle.
لقد حددت "pointerEvents" بدون نمط الطبقة الثانية ، لكن LeafLet لا تستخدم هذه الخاصية
حسنًا ، pointerEvents
ليس خيارًا معترفًا به لـ L.Path
، لذلك لست متأكدًا مما كنت تتوقعه.
لقد حاولت وضع "قابل للنقر" على "خطأ" ، بدون تغيير.
غيّر هذا الخيار الاسم إلى interactive
في 1.0.0 ، راجع "الخيارات الموروثة من الطبقة التفاعلية" في الوثائق.
شكرا لأستجابتك.
بالنسبة إلى "pointerEvents": نظرًا لعدم تمكيني من جعل الطبقة "غير نشطة" لتفاعلات المستخدم ، فقد حاولت اتباع المثال الوارد هنا: http://leafletjs.com/examples/map-panes/ للجزء و المؤشرالأحداث المطبقة على طبقة geoJson. ربما أسأت فهم هذه الفكرة.
سأحاول مع الخاصية غير النشطة لأسلوب geojson.
هدفي هو عرض بعض البلدان الصغيرة (المضلعات) كخريطة كلوروبليث. تحت هذه الطبقة طبقة البلاط ، وفي الجزء العلوي توجد طبقة جغرافية أخرى تعرض البلدان الأكبر ، كل واحدة منها عبارة عن "حاوية" للبلدان الصغيرة. أريد أن يعرض هذا التراكب حد المضلع فقط مع شفافية كاملة للداخل. أريد أن يتفاعل تراكب "البلدان الصغيرة" مع المستخدم ولا يتفاعل طبقة "البلدان الأكبر".
شكرا
لقد حاولت مع "in teractive: false " ، إنه يعمل.
أنا آسف (لقد طلبت منا التواصل) وسعيد (لأنه يعمل).
شكرا.
لدي نفس المهمة لتقديم طبقتين ويجب أن تكون الطبقة العليا غير نشطة. "in teractive: false " ساعد ، شكرًا!
التعليق الأكثر فائدة
لقد حاولت مع "in teractive: false " ، إنه يعمل.
أنا آسف (لقد طلبت منا التواصل) وسعيد (لأنه يعمل).
شكرا.