16adda8c47
- Changed references in markup.md to update "data.html" to "data/" for clarity. - Updated metadata.md to correct the link to the general documentation. - Modified navbar.md to ensure stub values match the new permalink structure. - Adjusted tables.md to reflect the new permalink for the table visualization page. - Updated about.md to change the permalink from "/about.html" to "/about/" and revised content for clarity and impact. - Changed browse.md permalink from "/browse.html" to "/browse/" for consistency. - Added copyright.md page with copyright information and terms of use. - Updated data.md to change permalink from "/data.html" to "/data/" and added introductory content. - Created donate.md page to facilitate donations and acknowledge supporters. - Updated locations.md permalink from "/locations.html" to "/locations/" for consistency. - Changed map.md permalink from "/map.html" to "/map/" for uniformity. - Added erasure.md page discussing the historical context of Black queer Kansas Citians. - Updated out-there.md to correct the link to Lea Hopkins' interview. - Changed subjects.md permalink from "/subjects.html" to "/subjects/" for consistency. - Updated timeline.md permalink from "/timeline.html" to "/timeline/" for uniformity.
60 lines
3.1 KiB
HTML
60 lines
3.1 KiB
HTML
{% comment %}
|
|
|
|
Adds a Leaflet map featuring a single marker based on the item's lat long.
|
|
|
|
Options:
|
|
- "map-marker" = true/false, add a marker using the item's lat long and title (default true)
|
|
- "map-height" = height of the mini map in px (default 400px)
|
|
- "map-zoom" = provide a zoom level, default 10
|
|
- "map-link" = true/false, add a button link to the collection's default full map page (default false)
|
|
|
|
{% endcomment %}
|
|
|
|
<style>
|
|
#mini-map { height: {{ include.map-height | default: '400px' }}; z-index: 98; }
|
|
</style>
|
|
<div id="mini-map"></div>
|
|
{% if include.map-link == true %}
|
|
<a href="{{ '/map/?location=' | append: page.latitude | append: ',' | append: page.longitude | append: '&marker=' | append: page.objectid | relative_url }}" class="btn btn-outline-primary my-3">View on Full Map</a>{% endif %}
|
|
<!-- load leaflet dependencies -->
|
|
<link rel="stylesheet" href="{{ site.lib-assets | default: '/assets/lib' | relative_url }}/leaflet/leaflet.css">
|
|
<link rel="stylesheet" href="{{ site.lib-assets | default: '/assets/lib' | relative_url }}/leaflet/leaflet.fullscreen.css">
|
|
<script src="{{ site.lib-assets | default: '/assets/lib' | relative_url }}/leaflet/leaflet.js"></script>
|
|
<script src="{{ site.lib-assets | default: '/assets/lib' | relative_url }}/leaflet/Leaflet.fullscreen.min.js"></script>
|
|
|
|
<script>
|
|
// initial start point
|
|
var mapCenter = [{{ page.latitude }}, {{ page.longitude }}];
|
|
var mapZoom = {{ include.map-zoom | default: 10 }};
|
|
/* init map, set center and zoom */
|
|
var map = L.map('mini-map').setView(mapCenter, mapZoom);
|
|
|
|
/* add map layer options */
|
|
var Esri_WorldStreetMap = L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer/tile/{z}/{y}/{x}', {
|
|
attribution: 'Tiles © Esri — Source: Esri, DeLorme, NAVTEQ, USGS, Intermap, iPC, NRCAN, Esri Japan, METI, Esri China (Hong Kong), Esri (Thailand), TomTom, 2012'
|
|
});
|
|
var Esri_NatGeoWorldMap = L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer/tile/{z}/{y}/{x}', {
|
|
attribution: 'Tiles © Esri — National Geographic, Esri, DeLorme, NAVTEQ, UNEP-WCMC, USGS, NASA, ESA, METI, NRCAN, GEBCO, NOAA, iPC',
|
|
maxZoom: 16
|
|
});
|
|
var Esri_WorldImagery = L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', {
|
|
attribution: 'Tiles © Esri — Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community'
|
|
});
|
|
/* add base map switcher */
|
|
var baseMaps = {
|
|
"Esri World StreetMap": Esri_WorldStreetMap,
|
|
"Esri National Geo": Esri_NatGeoWorldMap,
|
|
"Esri Imagery": Esri_WorldImagery
|
|
};
|
|
L.control.layers(baseMaps).addTo(map);
|
|
/* load base map */
|
|
Esri_WorldImagery.addTo(map);
|
|
/* add fullscreen control */
|
|
map.addControl(new L.Control.Fullscreen());
|
|
{% unless include.map-marker == false %}
|
|
/* add marker */
|
|
L.marker(mapCenter).addTo(map)
|
|
.bindPopup('{{ page.title | escape }}');{% endunless %}
|
|
|
|
</script>
|