Skip to content

Add search control to several experiments #164

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
prushforth merged 1 commit into from
May 13, 2026
Merged

Add search control to several experiments #164

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 4 additions & 1 deletion api/pwa/file-handling/src/main-app.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -134,9 +134,11 @@ mapml-viewer {
<input id="loadfile" name="loadfile" type="file" accept=".geojson"/>
<label for="loadfile">Load GeoJSON</label>
</div>
<mapml-viewer zoom="2" lat="0" lon="0" controls controlslist="geolocation">
<mapml-viewer zoom="2" lat="0" lon="0" controls controlslist="geolocation search">
<map-layer label="OpenStreetMap" checked >
<map-link rel="license" href="https://www.openstreetmap.org/copyright" title="© OpenStreetMap contributors CC BY-SA"></map-link>
<map-link rel="suggestions" tref="https://photon.komoot.io/api?q={searchTerms}"></map-link>
<map-link rel="search" tref="https://photon.komoot.io/api?q={searchTerms}"></map-link>
<map-extent units="OSMTILE" checked>
<map-input name="z" type="zoom" value="18" min="0" max="18"></map-input>
<map-input name="x" type="location" units="tilematrix" axis="column" min="0" max="262144"></map-input>
Expand All @@ -145,6 +147,7 @@ mapml-viewer {
</map-extent>
</map-layer>
</mapml-viewer>
<script src="/shared/script/photon-search-handler.js"></script>
<a class="credits" href="https://www.flaticon.com/free-icons/parchment" title="parchment icons">Parchment icons created by Freepik - Flaticon</a>
</div>
</div>
Expand Down
41 changes: 23 additions & 18 deletions change-projection/default-projection/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,41 +8,46 @@
the viewer projection from OSMTILE to CBMTILE. -->
<script type="module" src="../../dist/mapml.js"></script>
<link rel="stylesheet" href="../../global.css">
<style>button {
z-index: 1;
position:absolute;
justify-items: center;
bottom: 3.5%;
<style>
button {
z-index: 1;
position:absolute;
justify-items: center;
bottom: 3.5%;
}
body {
display: flex;
align-items: center;
justify-content: center;
display: flex;
align-items: center;
justify-content: center;
}
</style>
<script src="/shared/script/geogratis-search-handler.js"></script>
</head>
<body>
<mapml-viewer zoom="5" lon="-97.288195" lat="56.555669" controls>
<mapml-viewer zoom="5" lon="-97.288195" lat="56.555669" controls controlslist="search">
<map-layer checked>
<map-meta name="extent" content="top-left-easting=-19959237, top-left-northing=13854059, bottom-right-easting=-1174073, bottom-right-northing=4647371"></map-meta>
<map-title>Topo base</map-title>
<map-link rel="suggestions" tref="https://geogratis.gc.ca/services/geoname/en/geonames.json?q={searchTerms}*&num=20"></map-link>
<map-link rel="search" tref="https://geogratis.gc.ca/services/geoname/en/geonames.json?q={searchTerms}&num=20"></map-link>
<map-extent units="OSMTILE" label="Toprama - Mercator" checked>
<map-input name="z" type="zoom" value="18" min="4" max="18"></map-input>
<map-input name="z" type="zoom" value="18" min="4" max="22"></map-input>
<map-input name="w" type="width"></map-input>
<map-input name="h" type="height"></map-input>
<map-input name="xmin" type="location" units="pcrs" position="top-left" axis="easting" ></map-input>
<map-input name="ymin" type="location" units="pcrs" position="bottom-left" axis="northing" ></map-input>
<map-input name="xmax" type="location" units="pcrs" position="top-right" axis="easting" ></map-input>
<map-input name="ymax" type="location" units="pcrs" position="top-left" axis="northing" ></map-input>
<map-link rel="image" tref="https://maps.geogratis.gc.ca/wms/toporama_en?SERVICE=WMS&amp;REQUEST=GetMap&amp;FORMAT=image/jpeg&amp;TRANSPARENT=FALSE&amp;STYLES=&amp;VERSION=1.3.0&amp;LAYERS=WMS-Toporama&amp;WIDTH={w}&amp;HEIGHT={h}&amp;CRS=EPSG:3857&amp;BBOX={xmin},{ymin},{xmax},{ymax}&amp;m4h=t"></map-link>
<map-link rel="image" tref="https://maps.geogratis.gc.ca/wms/toporama_en?SERVICE=WMS&REQUEST=GetMap&FORMAT=image/jpeg&TRANSPARENT=FALSE&STYLES=&VERSION=1.3.0&LAYERS=WMS-Toporama&WIDTH={w}&HEIGHT={h}&CRS=EPSG:3857&BBOX={xmin},{ymin},{xmax},{ymax}&m4h=t"></map-link>
</map-extent>
<map-extent label="CBMT - Lambert" units="CBMTILE" checked >
<map-input name="z" type="zoom" min="0" max="18"></map-input>
<map-input name="y" type="location" units="tilematrix" axis="row"></map-input>
<map-input name="x" type="location" units="tilematrix" axis="column"></map-input>
<map-link rel="tile" tref="https://geoappext.nrcan.gc.ca/arcgis/rest/services/BaseMaps/CBMT3978/MapServer/tile/{z}/{y}/{x}?m4h=t" ></map-link>
</map-extent> </map-layer>
<map-layer label="Projection not specified" checked>
<map-extent label="CBMT - Lambert" units="CBMTILE" checked >
<map-input name="z" type="zoom" min="0" max="18"></map-input>
<map-input name="y" type="location" units="tilematrix" axis="row"></map-input>
<map-input name="x" type="location" units="tilematrix" axis="column"></map-input>
<map-link rel="tile" tref="https://geoappext.nrcan.gc.ca/arcgis/rest/services/BaseMaps/CBMT3978/MapServer/tile/{z}/{y}/{x}?m4h=t" ></map-link>
</map-extent>
</map-layer>
<map-layer label="Projection not specified" checked>
<map-feature zoom="14">
<map-featurecaption>Copied OSMTILE pcrs location</map-featurecaption>
<map-properties>
Expand Down
2 changes: 2 additions & 0 deletions custom-projections/Atlas-of-Canada/atlas.mapml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,8 @@
<map-link rel="license" title="Canadian Federal Geospatial Platform" href="https://geoappext.nrcan.gc.ca/arcgis/rest/services/FGP/NCR_RCN/MapServer/"></map-link>
<map-meta name="projection" content="ATLAS_POLAR_MAP"></map-meta>
<map-meta name="zoom" content="min=0,max=6" ></map-meta>
<map-link rel="suggestions" tref="https://geogratis.gc.ca/services/geoname/en/geonames.json?q={searchTerms}*&amp;num=20"></map-link>
<map-link rel="search" tref="https://geogratis.gc.ca/services/geoname/en/geonames.json?q={searchTerms}&amp;num=20"></map-link>
</map-head>
<map-body>
<!--
Expand Down
5 changes: 4 additions & 1 deletion custom-projections/Atlas-of-Canada/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,11 +20,14 @@
let cProjection = map.defineCustomProjection(customProjectionDefinition);
map.projection = cProjection;
</script>
<script src="/shared/script/geogratis-search-handler.js"></script>
</head>
<body>
<mapml-viewer projection="ATLAS_POLAR_MAP" zoom="2" lat="83.48919" lon="-87.7687" controls>
<mapml-viewer projection="ATLAS_POLAR_MAP" zoom="2" lat="83.48919" lon="-87.7687" controls controlslist="search">
<map-layer label="Atlas of Canada Polar Wall Map" checked>
<map-link rel="license" title="Canadian Federal Geospatial Platform" href="https://geoappext.nrcan.gc.ca/arcgis/rest/services/FGP/NCR_RCN/MapServer/"></map-link>
<map-link rel="suggestions" tref="https://geogratis.gc.ca/services/geoname/en/geonames.json?q={searchTerms}*&num=20"></map-link>
<map-link rel="search" tref="https://geogratis.gc.ca/services/geoname/en/geonames.json?q={searchTerms}&num=20"></map-link>
<map-extent units="ATLAS_POLAR_MAP" checked hidden>
<map-input type="zoom" name="z" min="0" max="6" value="6" ></map-input>
<map-input type="location" name="x" axis="column" units="tilematrix" min="116" max="186"></map-input>
Expand Down
7 changes: 5 additions & 2 deletions custom-projections/BNG/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -98,12 +98,15 @@
}
</style>
</noscript>
</head>
<script src="/shared/script/photon-search-handler.js"></script>
</head>
<body>
<!-- when using -->
<mapml-viewer zoom="0" lat="54.41338" lon="-3.19995" controls projection="BNG">
<mapml-viewer zoom="0" lat="54.41338" lon="-3.19995" controls controlslist="search" projection="BNG">
<map-layer label="OS Roads tile map in BNG custom projection" checked>
<map-meta name="projection" content="BNG"></map-meta>
<map-link rel="suggestions" tref="https://photon.komoot.io/api?q={searchTerms}"></map-link>
<map-link rel="search" tref="https://photon.komoot.io/api?q={searchTerms}"></map-link>
<map-extent units="BNG" checked hidden>
<map-input name="z" type="zoom" min="0" max="9"></map-input>
<map-input name="y" type="location" units="tilematrix" axis="row" ></map-input>
Expand Down
13 changes: 7 additions & 6 deletions custom-projections/bc/bc.mapml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,15 +5,16 @@
<map-title>British Columbia Albers base map</map-title>
<map-meta name="projection" content="BCTILE"></map-meta>
<map-meta name="cs" content="gcrs"></map-meta>
<map-link rel="license" title="Government of British Columbia" href="https://maps.gov.bc.ca/arcserver/rest/services/province/albers_cache/MapServer/wmts/"/>
<map-link rel="zoomout" href="/experiments/linking/features/canada.mapml" />
<map-link rel="license" title="Government of British Columbia" href="https://maps.gov.bc.ca/arcserver/rest/services/province/albers_cache/MapServer/wmts/"></map-link>
<map-link rel="suggestions" tref="https://geogratis.gc.ca/services/geoname/en/geonames.json?q={searchTerms}*&amp;num=20"></map-link>
<map-link rel="search" tref="https://geogratis.gc.ca/services/geoname/en/geonames.json?q={searchTerms}&amp;num=20"></map-link>
</map-head>
<map-body>
<map-extent units="BCTILE" checked="checked" hidden="hidden">
<map-input type="zoom" name="z" min="0" max="11" value="3"/>
<map-input type="location" name="x" axis="column" units="tilematrix" min="42" max="50"/>
<map-input type="location" name="y" axis="row" units="tilematrix" min="56" max="64"/>
<map-link rel="tile" tref="https://maps.gov.bc.ca/arcgis/rest/services/province/albers_cache/MapServer/WMTS/tile/1.0.0/province_albers_cache/default/default028mm/{z}/{y}/{x}.jpg"/>
<map-input type="zoom" name="z" min="0" max="11" value="3"></map-input>
<map-input type="location" name="x" axis="column" units="tilematrix" min="42" max="50"></map-input>
<map-input type="location" name="y" axis="row" units="tilematrix" min="56" max="64"></map-input>
<map-link rel="tile" tref="https://maps.gov.bc.ca/arcgis/rest/services/province/albers_cache/MapServer/WMTS/tile/1.0.0/province_albers_cache/default/default028mm/{z}/{y}/{x}.jpg"></map-link>
</map-extent>
<map-feature id="bcgs">
<map-featurecaption>British Columbia Geological Survey</map-featurecaption>
Expand Down
5 changes: 4 additions & 1 deletion custom-projections/bc/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,11 +20,14 @@
let cProjection = map.defineCustomProjection(customProjectionDefinition);
map.projection = cProjection;
</script>
<script src="/shared/script/geogratis-search-handler.js"></script>
</head>
<body>
<mapml-viewer zoom="3" lon="-125.667383" lat="54.60128" controls projection="BCTILE">
<mapml-viewer zoom="3" lon="-125.667383" lat="54.60128" controls controlslist="search" projection="BCTILE">
<map-layer label="BC basemap" checked>
<map-link rel="license" title="Government of British Columbia" href="https://maps.gov.bc.ca/arcserver/rest/services/province/albers_cache/MapServer/wmts/"></map-link>
<map-link rel="suggestions" tref="https://geogratis.gc.ca/services/geoname/en/geonames.json?q={searchTerms}*&num=20"></map-link>
<map-link rel="search" tref="https://geogratis.gc.ca/services/geoname/en/geonames.json?q={searchTerms}&num=20"></map-link>
<map-extent units="BCTILE" checked hidden>
<map-input type="zoom" name="z" min="0" max="11" value="3"></map-input>
<map-input type="location" name="x" axis="column" units="tilematrix" min="42" max="50"></map-input>
Expand Down
5 changes: 3 additions & 2 deletions datacube/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,11 +6,12 @@
<title>Minimum Snow and Ice</title>
<script type="module" src="../dist/mapml.js"></script>
<link rel="stylesheet" href="../global.css">
<script src="/shared/script/geogratis-search-handler.js"></script>
</head>
<body>
<mapml-viewer projection="CBMTILE" zoom="4" lat="60" lon="-90" controls>
<mapml-viewer projection="CBMTILE" zoom="4" lat="60" lon="-90" controls controlslist="search">
<map-layer label="CBMT" src="../refactoring-temporary/cbmtile-cbmt.mapml" checked hidden></map-layer>
<map-layer label="Minimum Snow and Ice" src="msi.mapml" checked></map-layer>
<map-layer label="Minimum Snow and Ice" src="msi.mapml" checked opacity="0.7"></map-layer>
<map-layer label="Permanent snow and ice (prob. 94% or more) WMS GetMap" src="msi-94-plus.mapml" checked></map-layer>
</mapml-viewer>
</body>
Expand Down
Loading