.q2w-share

Share

Copyable map URL and share action for collaboration.

Preview

q2w-mapcss.pages.dev/#13/-6.7797/108.4714

Usage

Use this component inside a qgis2web Leaflet export after loading q2w-mapcss.css. Keep generated map JavaScript unchanged unless your workflow needs custom behavior.

<div class="q2w-share">
  Share content
</div>

Variants

PatternEffect
.q2w-shareDefault component shell
.q2w-share--compactDenser layout for small maps
.q2w-share--floatingFloating map overlay style
data-theme="dark"Uses dark theme tokens automatically

Sub-elements

ClassPurpose
.q2w-shareRoot element for the share component
.q2w-share__headOptional header/title region
.q2w-share__bodyMain component content region
.q2w-share__actionsOptional action group
← Goto Overview →