Skip to main content

Dear ODS-Community,

In the following page https://data.bs.ch/backoffice/pages/code-editor/sauberkeitsdashboard/content/ , we are trying to make use of the “refine-on-click”-feature of the “ods-map-layer”-component. It works pretty good and we like it a lot.

Is it also possible to de-select a choropleth-element (assuming refine-on-click-context-replace-refine="false")? Right now it’s just the tooltip that is shown, once something is selected.

  • Ideal would be: Select and De-Select with left-click and the tooltip is shown as mouse-over.

Best regards from Basel,

Boris

Auto-translation 🪄

Chère communauté ODS, Dans la page suivante https://data.bs.ch/backoffice/pages/code-editor/sauberkeitsdashboard/content/ , nous essayons d'utiliser la fonctionnalité « affiner au clic » de le composant « ods-map-layer ». Cela fonctionne plutôt bien et nous l'aimons beaucoup. Est-il également possible de désélectionner un élément choroplèthe (en supposant affiner-on-click-context-replace-refine="false") ? Pour le moment, seule l'info-bulle s'affiche une fois que quelque chose est sélectionné. L'idéal serait : sélectionnez et désélectionnez avec un clic gauche et l'info-bulle s'affiche au survol de la souris. Cordialement de Bâle, Boris

Hi,

 

The possibility to de-select with a refine-on-click is the default behavior. 

In your case, you can’t de-select simply because you have another layer, on top of the one that has a refine-on-click, (used to highlight the selected shapes). 

As this on-top layer don’t have a refine-on-click option, the default behavior is to display a tooltip. 

 

To fix that, simply add the refine-on-click parameters also on this on-top layer. 

 

<ods-map-layer-group>
    <ods-map-layer context="sauberkeit"
                   color-categories="colorgradientc'colors']"
                   color-by-field="wohnviertel"
                   color-categories-other="lightgrey"
                   display="categories"
                   shape-opacity="0.85"
                   border-color="#FFFFFF"
                   border-opacity="1"
                   border-size="2"
                   border-pattern="solid"
                   title="Sauberkeitsindex pro Quartal und Wohnviertel"
                   description="Dieser Datensatz enthält den Sauberkeitsindex für alle Wohnviertel in der Stadt Basel. Zur Berechnung des Sauberkeitsindex wird wie folgt vorgegangen: "
                   refine-on-click-context="viertelctx"
                   refine-on-click-viertelctx-replace-refine="false"
                   refine-on-click-viertelctx-map-field="wohnviertel"
                   refine-on-click-viertelctx-context-field="wohnviertel">
    </ods-map-layer>
</ods-map-layer-group>
<ods-map-layer-group>
    <ods-map-layer context="viertelctx"
                   show-if="viertelctx.parametersl'refine.wohnviertel']"
                   color="transparent"
                   border-color="black"
                   border-opacity="1"
                   border-size="3"
                   refine-on-click-context="viertelctx"
                   refine-on-click-viertelctx-replace-refine="false"
                   refine-on-click-viertelctx-map-field="wohnviertel"
                   refine-on-click-viertelctx-context-field="wohnviertel">
    </ods-map-layer>
</ods-map-layer-group>

 

It will then behave like you want I guess

 

Auto-translation 🪄

Bonjour, La possibilité de désélectionner en affinant au clic est le comportement par défaut. Dans votre cas, vous ne pouvez pas désélectionner simplement parce que vous avez un autre calque, au-dessus de celui qui a un affinement au clic, qui met en évidence les formes sélectionnées. Comme ce calque supérieur ne dispose pas d'option d'affinement au clic, le comportement par défaut consiste à afficher une info-bulle.  Pour résoudre ce problème, ajoutez simplement les paramètres d'affinement au clic également sur cette couche supérieure.  

Thank you so much :)

Auto-translation 🪄

Merci beaucoup :)

Reply


Terms & ConditionsCookie settings