Skip to content

Commit

Permalink
v3.19.0 release
Browse files Browse the repository at this point in the history
  • Loading branch information
@andreaordonselli
andreaordonselli committed Mar 26, 2024
1 parent 78d4ef6 commit 61e56f5
Show file tree
Hide file tree
Showing 13 changed files with 597 additions and 361 deletions.
66 changes: 38 additions & 28 deletions README.md
View file
Expand Up @@ -22,15 +22,24 @@ No server-side software required.
your webmap. Specific tasks you can carry out to improve your webmap include:
</p>
<ul>
<li>Set your project title, and background and highlight colours in <code>Project > Properties...</code></li>
<li>Give your layers human-friendly names in the <code>Layers Panel</code></li>
<li>Give your layer columns human friendly names via <code>Layer > Properties > Attributes Form > Fields > Alias</code></li>
<li>Hide the columns you don't want to appear in your popups by changing their Widget Type to "Hidden"</li>
<li>If any of your fields contain image's path, change their Widget Type to "Attachment" to have the images appear in popups</li>
<li>Style your layers, and set their scale-dependent visibility, if required</li>
<li>Set your project title, and background and highlight colours in
<code>Project > Project Properties...</code></li>
<li>Give your layers human-friendly names in the <code>Layers Panel</code>
</li>
<li>Give your layer columns human friendly names via <code>Layer > Properties > Fields > Alias</code></li>
<li>Hide the columns you don't want to appear in your popups by changing
their Edit widget to "Hidden"</li>
<li>If any of your fields contain image filenames, change their Edit
widget to "Photo" to have the images appear in popups</li>
<li>Style your layers, and set their scale-dependent visibility, if
required</li>
</ul>
<p>Run qgis2web from the Web menu, or via its icon in Web toolbar.</p>
<p>The panes lets you set options to export your map. All options are written to your QGIS project, so save your project if you want to keep these settings.
<p>Run qgis2web from the Web menu, or via its icon. If required, choose a
basemap from the list below the preview pane, and click "Update preview".
CTRL/CMD-click for multiple basemaps or to deselect a basemap.</p>
<p>The top-left pane lets you set options for each layer in your map. The
bottom-left pane sets overall options for your project. All options are written
to your QGIS project, so save your project if you want to keep these settings.

<b>More info on the [WIKI](https://qgis2web.github.io/qgis2web/)</b>
</p>
Expand Down Expand Up @@ -87,25 +96,26 @@ software:</p>

<p>In addition, the following libraries have been used:</p>
<ul>
<li>ol3-layerswitcher, by @walkermatt</li>
<li>Autolinker.js, by @gregjacobs</li>
<li>requestAnimationFrame polyfill, by @paulirish</li>
<li>[ol-layerswitcher](https://github.com/walkermatt/ol-layerswitcher), by @walkermatt</li>
<li>[Autolinker.js](https://github.com/gregjacobs/Autolinker.js), by @gregjacobs</li>
<li>[requestAnimationFrame polyfill](https://gist.github.com/paulirish/1579671), by @paulirish</li>
<li>Function.prototype.bind polyfill, by @mozilla</li>
<li>Leaflet.label, by @jacobtoye</li>
<li>Leaflet.Locate, by @domoritz</li>
<li>Leaflet.markercluster, by @danzel</li>
<li>leaflet-measure, by @ljagis</li>
<li>leaflet-hash, by @mlevans</li>
<li>Proj4js, by @madair, @calvinmetcalf, and other</li>
<li>Proj4Leaflet, by @kartena</li>
<li>Leaflet.search, by @stefanocudini</li>
<li>ol3-search-layer, by @ThomasG77</li>
<li>Leaflet.heat, by @mourner</li>
<li>OSMBuildings, by @kekscom</li>
<li>multi-style-layer, by @perliedman</li>
<li>Leaflet.SvgShapeMarkers, by @rowanwins</li>
<li>rbush, by @mourner</li>
<li>Labelgun, by @JamesMilnerUK</li>
<li>Leaflet.pattern, by @teastman</li>
<li>Leaflet.VectorGrid, by @IvanSanchez</li>
<li>[Leaflet.label](https://github.com/Leaflet/Leaflet.label), by @jacobtoye</li>
<li>[Leaflet.Locate](https://github.com/domoritz/leaflet-locatecontrol), by @domoritz</li>
<li>[Leaflet.markercluster](https://github.com/Leaflet/Leaflet.markercluster), by @danzel</li>
<li>[leaflet-measure](https://github.com/ljagis/leaflet-measure), by @ljagis</li>
<li>[leaflet-hash](https://github.com/mlevans/leaflet-hash), by @mlevans</li>
<li>[proj4js](https://github.com/proj4js/proj4js), by @madair, @calvinmetcalf, @ahocevar and other</li>
<li>[Proj4Leaflet](https://github.com/kartena/Proj4Leaflet), by @kartena</li>
<li>[leaflet-search](https://github.com/stefanocudini/leaflet-search), by @stefanocudini</li>
<li>[ol3-search-layer](https://github.com/webgeodatavore/ol3-search-layer), by @ThomasG77</li>
<li>[simpleheat](https://github.com/mourner/simpleheat), by @mourner</li>
<li>[OSMBuildings](https://github.com/kekscom/osmbuildings), by @kekscom</li>
<li>[leaflet-multi-style](https://github.com/perliedman/leaflet-multi-style), by @perliedman</li>
<li>[Leaflet.SvgShapeMarkers](https://github.com/rowanwins/Leaflet.SvgShapeMarkers), by @rowanwins</li>
<li>[rbush](https://github.com/mourner/rbush), by @mourner</li>
<li>[Labelgun](https://github.com/Geovation/labelgun), by @JamesMilnerUK</li>
<li>[Leaflet.pattern](https://github.com/teastman/Leaflet.pattern), by @teastman</li>
<li>[Leaflet.VectorGrid](https://github.com/Leaflet/Leaflet.VectorGrid), by @IvanSanchez</li>
<li>[Leaflet.Control.Layers.Tree](https://github.com/jjimenezshaw/Leaflet.Control.Layers.Tree), by @jjimenezshaw</li>
</ul>
141 changes: 81 additions & 60 deletions docs/index.html
View file
Expand Up @@ -10,36 +10,40 @@
margin: 0;
padding: 0;
background-color: #fff;
}

#container {
max-width: 1000px; /* Larghezza massima del contenitore */
margin: 0 auto; /* Centra il contenuto */
padding: 20px; /* Spazio interno */
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Ombra */
background-color: #f9f9f9; /* Colore di sfondo */
height: 100%; /* Imposta l'altezza di html e body al 100% della viewport */
}

@media (max-width: 1000px) {
#tableOfContents {
position: fixed;
font-size: 13px;
top: 0;
right: 0;
background-color: #f9f9f9;
padding: 5px;
border: 2px solid #ddd;
}
#page {
display: flex;
flex-direction: column;
}
@media (min-width: 1001px) {
#tableOfContents {
position: fixed;
top: 15px;
right: 15px;
background-color: #f9f9f9;
padding: 15px;
border: 2px solid #ddd;
}

#tableOfContents {
max-width: 1000px;
width: 95%;
margin: auto;
font-size: 13px;
left: 50%;
background-color: #f9f9f9;
padding: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.toc-column {
float: left;
margin-left: 10px;
}

#container {
max-width: 1000px;
width: 95%;
margin: 0 auto;
padding: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
background-color: #f9f9f9;
height: calc(97vh - 150px);
overflow-y: auto;
font-size: 15px;
}

.line {
Expand All @@ -56,7 +60,7 @@
}

code {
font-size: 16px;
font-size: 14px;
background: #ddd;
padding-left: 4px;
padding-right: 4px;
Expand All @@ -69,30 +73,41 @@
</style>
</head>
<body>

<div id="page">
<div id="tableOfContents">
<div class="toc-column">
<b>SUMMARY</b></br>
<a href="#Firststeps">First steps</a></br>
<a href="#Installation">Installation</a></br>
<a href="#Usage">Usage</a></br>
</div>
<div class="toc-column">
<b>Project settings</b></br>
<a href="#SetQGISproject">Set QGIS project</a></br>
<a href="#setLayers">Set Layers</a></br>
<a href="#SetStyles">Set Styles</a></br>
<a href="#setLabels">Set Labels</a></br>
<a href="#setBasemaps">Set Basemaps</a></br>
</div>
<div class="toc-column">
<b>qgis2web settings</b></br>
<a href="#LayersandGroups">Layers and Groups</a></br>
<a href="#Appearance">Appearance</a></br>
<a href="#Export">Export</a></br>
</div>
<div class="toc-column">
<b>Limitation & Bug</b></br>
<a href="#Currentlimitations">Current limitations</a></br>
<a href="#Reportingbugs">Reporting bugs</a>
</div>
</div>

<div id="container">
<img src="https://raw.githubusercontent.com/qgis2web/qgis2web/master/icons/qgis2web.png">

<h1>qgis2web WIKI</h1>
<img src="..\icons\qgis2web.png">

<div id="tableOfContents">
<b>Summary</b></br>
<a href="#Firststeps">First steps</a></br>
&nbsp&nbsp&nbsp&nbsp<a href="#Installation">Installation</a></br>
&nbsp&nbsp&nbsp&nbsp<a href="#Usage">Usage</a></br>
<a href="#Projectsettings">Project settings</a></br>
&nbsp&nbsp&nbsp&nbsp<a href="#SetQGISproject">Set QGIS project</a></br>
&nbsp&nbsp&nbsp&nbsp<a href="#setLayers">Set Layers</a></br>
&nbsp&nbsp&nbsp&nbsp<a href="#SetStyles">Set Styles</a></br>
&nbsp&nbsp&nbsp&nbsp<a href="#setLabels">Set Labels</a></br>
&nbsp&nbsp&nbsp&nbsp<a href="#setBasemaps">Set Basemaps</a></br>
<a href="#qgis2websettings">qgis2web settings</a></br>
&nbsp&nbsp&nbsp&nbsp<a href="#LayersandGroups">Layers and Groups</a></br>
&nbsp&nbsp&nbsp&nbsp<a href="#Appearance">Appearance</a></br>
&nbsp&nbsp&nbsp&nbsp<a href="#Export">Export</a></br>
<a href="#Limitation&Bug">Limitation & Bug</a></br>
&nbsp&nbsp&nbsp&nbsp<a href="#Currentlimitations">Current limitations</a></br>
&nbsp&nbsp&nbsp&nbsp<a href="#Reportingbugs">Reporting bugs</a>
</div>
<h1>qgis2web WIKI</h1>

<h1 id="Firststeps">First steps</h1>

Expand All @@ -114,19 +129,24 @@ <h2 id="Installation">Installation</h2>
<div class="dotted-line"></div>

<h2 id="Usage">Usage</h2>

<p>To start the plugin, select <code>Web &gt; qgis2web &gt; Create web map</code> or click the qgis2web logo icon in the toolbar.</p>

<p>When you first start qgis2web, you will see a preview of your webmap in the plugin's dialog box.</p>

<p>Prepare your map as far as possible in QGIS, as you want it to appear in your webmap. Specific tasks you can carry out to improve your webmap include:
</p>
<ul>
<li>Set your project title, and background and highlight colours in <code>Project > Properties...</code></li>
<li>Give your layers human-friendly names in the <code>Layers Panel</code></li>
<li>Give your layer columns human friendly names via <code>Layer > Properties > Attributes Form > Fields > Alias</code></li>
<li>Hide the columns you don't want to appear in your popups by changing their Widget Type to "Hidden"</li>
<li>If any of your fields contain image's path, change their Widget Type to "Attachment" to have the images appear in popups</li>
<li>Style your layers, and set their scale-dependent visibility, if required</li>
</ul>
<p>Run qgis2web from the Web menu, or via its icon in Web toolbar</p>
<p>The panes lets you set options to export your map. All options are written to your QGIS project, so save your project if you want to keep these settings.

<p>When you first start qgis2web, you will see a preview of your webmap in the plugin's dialog box.</p>
<p>* This preview <em>does not update automatically</em> when you change settings within the dialog. Click <code>Update preview</code> to see your changes.</p>

<p>When you switch output format, by changing selection between <code>OpenLayers</code> and <code>Leaflet</code>, the preview <em>does</em> automatically update.</p>

<p>qgis2web saves as many settings as it can to your project file. Make sure you save your project after using the plugin so that you retain your settings.</p>

<p>* You can disable the initial automatic preview on the <code>Settings</code> tab</p>

<p>** The preview window will automatically be disabled if you have a layer with more than 1000 features</p>

<div class="line"></div>
Expand Down Expand Up @@ -160,7 +180,7 @@ <h2 id="setLayers">Set Layers</h2>

<p>Single quotes <code>'</code> and quotation marks <code>"</code> are supported but try not to use them</p>
<img src="layername.png" alt="Layer Properties Screenshot">
<p>These will appear in your map's <code>Layer list</code>:</p>
<p>These will appear in your map's <code>Layer list</code> , grouped or not :</p>
<img src="layerlist.png" alt="Layer Title in Layers List Screenshot">
<p>Set your layers' scale-dependent visibility, if required:</p>
<img src="scaledependent.png" alt="Set Scale-Dependent Visibility Screenshot">
Expand Down Expand Up @@ -305,7 +325,7 @@ <h3>"Set all" input</h3>
<p>The settings shown on this page can be set massively for all layers using the "Set all" input. The entries dedicated to the checks first insert them all, then remove them, then insert them etc...</p>
<img src="setall.png" alt="Set all input">

<h3>Export</h3>
<h3>Export Layers</h3>
<p>When you launch qgis2web all activated layers in your qgis project will be checked as exportable. If you want to export all the layers of your project, turn them on before launching qgis2web or use the "Set all" input</p>

<h3>Visible</h3>
Expand Down Expand Up @@ -460,4 +480,5 @@ <h2 id="Reportingbugs">Reporting bugs</h2>
</div>

</body>
</div>
</html>
66 changes: 66 additions & 0 deletions leaflet/css/L.Control.Layers.Tree.css
View file
@@ -0,0 +1,66 @@
.leaflet-control-layers-toggle.leaflet-layerstree-named-toggle {
margin: 2px 5px;
width: auto;
height: auto;
background-image: none;
}

.leaflet-control-layers-list{
font: 13px / 1.7 "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.leaflet-layerstree-node {
}

.leaflet-layerstree-header input{
margin-left: 0px;
}


.leaflet-layerstree-header {
}

.leaflet-layerstree-header-pointer {
cursor: pointer;
}

.leaflet-layerstree-header label {
display: inline-block;
cursor: pointer;
}

.leaflet-layerstree-header-label {
}

.leaflet-layerstree-header-name {
padding-left: 2px;
}

.leaflet-layerstree-header-space {
}

.leaflet-layerstree-children {
padding-left: 20px;
}

.leaflet-layerstree-children-nopad {
padding-left: 0px;
}

.leaflet-layerstree-closed {
}

.leaflet-layerstree-opened {
}

.leaflet-layerstree-hide {
display: none;
}

.leaflet-layerstree-nevershow {
display: none;
}

.leaflet-layerstree-expand-collapse {
cursor: pointer;
}

0 comments on commit 61e56f5

Please sign in to comment.