Creation de la carte WEB
This commit is contained in:
parent
2358e11cd4
commit
7047d50a75
9 changed files with 62 additions and 1133 deletions
|
|
@ -3,7 +3,8 @@
|
|||
"name": "batiments",
|
||||
"crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } },
|
||||
"features": [
|
||||
{ "type": "Feature", "properties": { "id": 1, "nom": "Batiment A" }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ -2.091581996371882, 47.541032945940522 ], [ -2.09151399426637, 47.541497984433285 ], [ -2.091312011285422, 47.541481979469303 ], [ -2.091326034403365, 47.541400730704773 ], [ -2.091241014242576, 47.541394942672135 ], [ -2.091251030755392, 47.541319968658911 ], [ -2.091334848934643, 47.541327974547109 ], [ -2.091346067428997, 47.541254515067628 ], [ -2.091304879528295, 47.541251918559851 ], [ -2.091309046397626, 47.541206046901102 ], [ -2.091353038921917, 47.541207940189693 ], [ -2.091375035184063, 47.541061913344244 ], [ -2.091330882395567, 47.541059965956265 ], [ -2.091335990817103, 47.541026008366721 ], [ -2.091380744596368, 47.54102704967903 ], [ -2.091381966610932, 47.541019003174263 ], [ -2.091581996371882, 47.541032945940522 ] ] ] ] } },
|
||||
{ "type": "Feature", "properties": { "id": 2, "nom": "Batiment B" }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ -2.091630987136071, 47.541689935433055 ], [ -2.091803321239079, 47.54170457447416 ], [ -2.091796950736927, 47.541739951576218 ], [ -2.092355992350255, 47.541780954364874 ], [ -2.092339965929748, 47.54185403445365 ], [ -2.091958937782201, 47.541822011214833 ], [ -2.09193297498098, 47.54193998862457 ], [ -2.091763976376737, 47.541926005529561 ], [ -2.091756003232534, 47.541964993201951 ], [ -2.091590991200393, 47.541954999486393 ], [ -2.091630987136071, 47.541689935433055 ] ] ] ] } },
|
||||
{ "type": "Feature", "properties": { "id": 1, "nom": "Batiment A" }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ -2.091581996371882, 47.541032945940522 ], [ -2.09151399426637, 47.541497984433285 ], [ -2.091312011285422, 47.541481979469303 ], [ -2.091326034403365, 47.541400730704773 ], [ -2.091241014242576, 47.541394942672135 ], [ -2.091251030755392, 47.541319968658911 ], [ -2.091334848934643, 47.541327974547109 ], [ -2.091346067428997, 47.541254515067628 ], [ -2.091304879528295, 47.541251918559851 ], [ -2.091309046397626, 47.541206046901102 ], [ -2.091353038921917, 47.541207940189693 ], [ -2.091375035184063, 47.541061913344244 ], [ -2.091330882395567, 47.541059965956265 ], [ -2.091335990817103, 47.541026008366721 ], [ -2.091380744596368, 47.54102704967903 ], [ -2.091381966610932, 47.541019003174263 ], [ -2.091581996371882, 47.541032945940522 ] ] ] ] } }
|
||||
{ "type": "Feature", "properties": { "id": 10, "nom": "Toilettes sèches" }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ -2.091342607190285, 47.541484412003662 ], [ -2.091438001950184, 47.541492274863295 ], [ -2.09143324403292, 47.541516949622384 ], [ -2.09133755253389, 47.541508679404679 ], [ -2.091342607190285, 47.541484412003662 ] ] ] ] } }
|
||||
]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -68,6 +68,7 @@
|
|||
{ "type": "Feature", "properties": { "id": null, "interieur": true }, "geometry": { "type": "MultiLineString", "coordinates": [ [ [ -2.091639561271041, 47.541830361871227 ], [ -2.09163667651535, 47.541851241887294 ] ] ] } },
|
||||
{ "type": "Feature", "properties": { "id": null, "interieur": true }, "geometry": { "type": "MultiLineString", "coordinates": [ [ [ -2.091634913609094, 47.541859680440673 ], [ -2.09162433617156, 47.541934112749964 ], [ -2.091633952023864, 47.54193476186849 ] ] ] } },
|
||||
{ "type": "Feature", "properties": { "id": null, "interieur": true }, "geometry": { "type": "MultiLineString", "coordinates": [ [ [ -2.091645010254013, 47.541886943449938 ], [ -2.091631067268172, 47.541886077957798 ] ] ] } },
|
||||
{ "type": "Feature", "properties": { "id": null, "interieur": true }, "geometry": { "type": "MultiLineString", "coordinates": [ [ [ -2.091633471231249, 47.541868551738901 ], [ -2.091677543887642, 47.541871472775796 ], [ -2.091674819396156, 47.541888890807215 ], [ -2.091658472447238, 47.54188802531511 ] ] ] } }
|
||||
{ "type": "Feature", "properties": { "id": null, "interieur": true }, "geometry": { "type": "MultiLineString", "coordinates": [ [ [ -2.091633471231249, 47.541868551738901 ], [ -2.091677543887642, 47.541871472775796 ], [ -2.091674819396156, 47.541888890807215 ], [ -2.091658472447238, 47.54188802531511 ] ] ] } },
|
||||
{ "type": "Feature", "properties": { "id": null, "interieur": false }, "geometry": { "type": "MultiLineString", "coordinates": [ [ [ -2.091349136644531, 47.541509442981877 ], [ -2.091337714563494, 47.541508658858838 ], [ -2.091342554428341, 47.54148435103906 ], [ -2.091437996563111, 47.541491930898047 ], [ -2.091433229296239, 47.541516941157766 ], [ -2.091372488992405, 47.541511746343204 ] ] ] } }
|
||||
]
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load diff
|
|
@ -3,6 +3,14 @@ body, html {
|
|||
margin: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
body > * {
|
||||
pointer-events: all;
|
||||
}
|
||||
|
||||
/* HEADER and NAV */
|
||||
|
||||
#main-header {
|
||||
|
|
@ -51,11 +59,6 @@ body, html {
|
|||
z-index: -1;
|
||||
}
|
||||
|
||||
#search-section {
|
||||
margin-left: 50px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.leaflet-container .leaflet-control-attribution {
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
color: white;
|
||||
|
|
|
|||
|
|
@ -6,8 +6,8 @@ exec qgis_process run native:tilesxyzdirectory \
|
|||
--PROJECT_PATH="$(pwd)/map.qgz" \
|
||||
--project_path="$(pwd)/map.qgz" \
|
||||
--EXTENT='-2.093991682,-2.090248546,47.539611803,47.542801334 [EPSG:4326]' \
|
||||
--ZOOM_MIN=14 \
|
||||
--ZOOM_MAX=23 \
|
||||
--ZOOM_MIN=19 \
|
||||
--ZOOM_MAX=21 \
|
||||
--DPI=96 \
|
||||
--BACKGROUND_COLOR='rgba( 0, 0, 0, 0.00 )' \
|
||||
--ANTIALIAS=true \
|
||||
|
|
|
|||
17
index.html
17
index.html
|
|
@ -14,10 +14,21 @@
|
|||
</header>
|
||||
|
||||
<section id="map"></section>
|
||||
|
||||
<section id="search-section" hidden>
|
||||
<style>
|
||||
#search-section {
|
||||
background: white;
|
||||
padding: 15px;
|
||||
max-width: 300px;
|
||||
margin-left: 15px;
|
||||
margin-top: 15px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
</style>
|
||||
|
||||
</style>
|
||||
<section id="search-section">
|
||||
<form id="search-area">
|
||||
<label for="search-area-query">Rechercher une zone</label>
|
||||
<label for="search-area-query">Rechercher une zone</label><br/>
|
||||
<input type="search" name="query" id="search-area-query" />
|
||||
<button>Rechercher</button>
|
||||
</form>
|
||||
|
|
|
|||
|
|
@ -41,7 +41,6 @@ search_form.addEventListener("submit", e => {
|
|||
let resultElements = []
|
||||
|
||||
let search_results = places.search(data.get("query"))
|
||||
console.log("Search results:", search_results)
|
||||
|
||||
for(let result_item of search_results){
|
||||
let el = document.createElement("li")
|
||||
|
|
|
|||
|
|
@ -67,8 +67,8 @@ export async function init(){
|
|||
|
||||
// La couche custom de l'antenne
|
||||
L.tileLayer('./tuiles/{z}/{x}/{y}.png', {
|
||||
minZoom: 14,
|
||||
maxZoom: 23
|
||||
minZoom: 19,
|
||||
maxZoom: 21
|
||||
}).addTo(map)
|
||||
|
||||
// Parametrage de la carte initiale
|
||||
|
|
|
|||
BIN
map.qgz
BIN
map.qgz
Binary file not shown.
Loading…
Add table
Reference in a new issue