https://geopoi.us/

1<!DOCTYPE html><html>  <head>
2    <title>GeoPOI Cartography!</title>
3    <meta content="text/html; charset=utf-8" http-equiv="content-type"><meta name="viewport" content="width=device-width, initial-scale=1.0">
4			<meta name="description" content="Groundbreaking digital cartographic techniques to revolutionize the display of spatial data related to camping, foraging, mushrooms, hiking, and points of interest nature.">
5		<link rel="shortcut icon" href="/../img/favicon.ico" type="image/x-icon" />
6		<link rel="apple-touch-icon" href="/../img/ati.png" />
7		<link rel="stylesheet" href="/../js/leaf/leaflet.css" />
8        <link rel="stylesheet" href="/../js/awmraw/dist/leaflet.awesome-markersx.css" />
9      	<link rel="stylesheet" href="/../js/awm/dist/awm.css" />
10		<link rel="stylesheet" href="/../img/ic/style.css">
11		<link rel="stylesheet" href="/../js/mclust/dist/MarkerCluster.Default.css" />
12		<link rel="stylesheet" href="/../js/leaflet-sidebar.css" />
13		<link rel="stylesheet" href="/../js/lcontext/dist/leaflet.contextmenu.css" />
14		<link rel="stylesheet" href="/../js/minimap/dist/Control.MiniMap.min.css" />
15		<link rel="stylesheet" href="/../js/llocate/dist/L.Control.Locate.css" />
16		<link rel="stylesheet" href="/../js/geocoder/dist/Control.Geocoder.css" />
17		<link rel="stylesheet" href="/../js/condensedatt/dist/leaflet-control-condended-attribution.css" />
18		<link rel="stylesheet" href="/../js/groupedlc/src/leaflet.groupedlayercontrol.css" />
19		<link rel="stylesheet" href="/../js/lccenter/dist/leaflet-control-topcenter.css">
20		<link rel="stylesheet" href="/../js/lcontrolcredits/dist/leaflet-control-credits.css">
21		
22		

22<script src="/../js/jq31m.js"></script>

22
23		

23<script src="/../js/leaf/leaflet.js"></script>

23
24		

24<script src="/../js/awm/dist/awmm.js"></script>

24
25        

25<script src="/../js/awmraw/dist/leaflet.awesome-markersx.js"></script>

25
26		

26<script src="/../js/subgroup.js"></script>

26
27		

27<script src="/../js/mclust/dist/MarkerCluster.js"></script>

27
28		

28<script src="/../js/leaflet-sidebar.js"></script>

28
29		

29<script src="/../js/lcontext/dist/leaflet.contextmenu.js"></script>

29
30		

30<script src="/../js/minimap/dist/Control.MiniMap.min.js"></script>

30
31		

31<script src="/../js/llocate/dist/L.Control.Locate.min.js"></script>

31
32		

32<script src="/../js/geocoder/dist/Control.Geocoder.js"></script>

32
33		

33<script src="/../js/lhash/leaflet-hash.js"></script>

33
34		

34<script src="/../js/lsingleclick/singleclick.js"></script>

34
35		

35<script src="/../js/condensedatt/dist/leaflet-control-condended-attribution.js"></script>

35
36		

36<script src="/../js/groupedlc/src/leaflet.groupedlayercontrol1.js"></script>

36
37		

37<script src="/../js/llayersupp/src/layersupport.js"></script>

37
38		

38<script src="/../js/limage2/Leaflet.ImageOverlay.Rotated.js"></script>

38
39		

39<script src="/../js/lccenter/dist/leaflet-control-topcenter.js"></script>

39
40		

40<script src="/../js/lcontrolcredits/dist/leaflet-control-credits-src.js"></script>

40
41		
42	

42<script src="/../geopoi.geojson"></script>

42
43		<!--ocean color #AAD3DF -->
44<style>body{padding:0;margin:0;background-color:#b3b3ff;} html,body,#map{height:85.9vh;width:95.9vw;margin: 0 auto; font-family: Arial, Helvetica, sans-serif;} #map{border:3px solid black;}
45    .toggle.android {
46        border-radius: 22px;
47    }
48</style>
49</head><body><div id="title"><center><h1>GeoPOI LLC ~ Digital Cartography</h1></center></div><div id="map"></div>
50

51<script type=text/javascript>
52      
53var map = L.map('map',{zoomControl:false,center: [43.4763,-100.0772],minZoom: 2,maxZoom: 22,  maxBounds:[[95, 200],[-95, -200]],maxBoundsViscosity: 0.4,zoom: 5});
54//var hash = new L.Hash(map); 
55var zoomy = L.control.zoom({position:'bottomleft'}).addTo(map);
56
57var terrain = L.tileLayer('https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png',{attribution: 'Kartendaten: © OpenStreetMap-Mitwirkende, SRTM | Kartendarstellung: © <a href="http://opentopomap.org"> OpenTopoMap</a> <a href="https://creativecommons.org/licenses/by-sa/3.0/">(CC-BY-SA)</a> ', maxNativeZoom: 17,maxZoom:22}).addTo(map);
58var aerial = L.tileLayer('https://basemap.nationalmap.gov/arcgis/rest/services/USGSImageryTopo/MapServer/tile/{z}/{y}/{x}',{attribution: 'Map services and data available from U.S. Geological Survey, National Geospatial Program.',maxNativeZoom: 16,maxZoom: 22});
59//var terrain = L.tileLayer('http://{s}.tile.opentopomap.org/{z}/{x}/{y}.png',{attribution: '&copy; <a href="http://opentopomap.org"> OpenTopoMap</a><a href="https://creativecommons.org/licenses/by-sa/3.0/">(CC-BY-SA)</a>', maxNativeZoom: 17,maxZoom:22});
60var osm = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> Contributors',maxNativeZoom: 19, maxZoom: 22});
61
62//var lc = L.control.locate({position: 'bottomright',flyTo:true,strings: {title: "Plot my current location!"}, locateOptions:{maxZoom:21}}).addTo(map);	

63//var wirth = L.imageOverlay.rotated('http://geopoi.us/img/eloise_map.jpg',L.latLng(44.977383,-93.324062),L.latLng(44.977413,-93.319180),L.latLng(44.974119,-93.323997),{opacity:1,interactive: true}).addTo(map);
64
65L.AwesomeMarkersx.Icon.prototype.options.prefix = 'icon'; 
66var imush = L.AwesomeMarkersx.icon({icon: 'fungus', markerColor: 'red'});
67var ihike = L.AwesomeMarkersx.icon({icon: 'hiker', markerColor: 'darkblue'});
68var icamp = L.AwesomeMarkersx.icon({icon: 'backcountry', markerColor: 'darkgreen'});
69var ifallout = L.AwesomeMarkersx.icon({icon: 'warning', markerColor: 'orange'});
70var ipoi = L.AwesomeMarkersx.icon({icon: 'star', markerColor: 'purple'});
71var ipoi2 = L.AwesomeMarkersx.icon({icon: 'nps', markerColor: 'green'});
72
73var gmush=L.featureGroup(), ghike=L.featureGroup(),gfallout=L.featureGroup(),gcamp=L.featureGroup(),gpoi=L.featureGroup();
74
75var mk=L.markerClusterGroup.layerSupport({disableClusteringAtZoom:16, maxClusterRadius:30}); 
76mk.addTo(map); 
77
78mk.checkIn(gmush);mk.checkIn(gcamp);mk.checkIn(ghike);mk.checkIn(gpoi);mk.checkIn(gfallout);
79
80function bv(f, layer){var mypop = L.popup({maxWidth: 300, maxHeight: 300}).setContent('<img src="https://geopoi.us/img/'+f.properties.img+'" style="width:30%; padding-left: 5px;" align="right"><strong><u>'+f.properties.name+'</u><br>Android: </strong><a href="'+f.properties.android+'">Link</a>'+'<br><strong>iOS: </strong><a href="'+f.properties.ios+'">Link</a><br><br>

80'+f.properties.details+''); layer.bindPopup(mypop);}
81
82
83//var marker = L.marker([51.5, -0.09]).addTo(mymap);
84
85
86L.geoJson(geopoi, {pointToLayer: function (f, latlng){return L.marker(latlng, {icon:imush,title:f.properties.name});},filter:function(f, layer) {return f.properties.cat==="mush";},  onEachFeature: bv}).addTo(gmush); gmush.addTo(map);
87L.geoJson(geopoi, {pointToLayer: function (f, latlng){return L.marker(latlng, {icon:icamp,title:f.properties.name});},filter:function(f, layer) {return f.properties.cat==="camp";},  onEachFeature: bv}).addTo(gcamp); gcamp.addTo(map);
88L.geoJson(geopoi, {pointToLayer: function (f, latlng){return L.marker(latlng, {icon:ihike,title:f.properties.name});},filter:function(f, layer) {return f.properties.cat==="hike";},  onEachFeature: bv}).addTo(ghike); ghike.addTo(map);
89L.geoJson(geopoi, {pointToLayer: function (f, latlng){return L.marker(latlng, {icon:ifallout,title:f.properties.name});},filter:function(f, layer) {return f.properties.cat==="fallout";},  onEachFeature: bv}).addTo(gfallout); gfallout.addTo(map);
90L.geoJson(geopoi, {pointToLayer: function (f, latlng){return L.marker(latlng, {icon:ipoi,title:f.properties.name});},filter:function(f, layer) {return f.properties.cat==="poi";},  onEachFeature: bv}).addTo(gpoi); gpoi.addTo(map);
91L.geoJson(geopoi, {pointToLayer: function (f, latlng){return L.marker(latlng, {icon:ipoi2,title:f.properties.name});},filter:function(f, layer) {return f.properties.cat==="poi2";},  onEachFeature: bv}).addTo(gpoi); gpoi.addTo(map);
92
93var baseMaps = {'Terrain': terrain,'Road Map': osm, 'Aerial':aerial};
94var overlays = {'<i class="icon-fungus" style="color:red"></i> Mushroom Foraging': gmush,
95'<i class="icon-hiker" style="color:darkblue"></i>  Hiking Maps': ghike,
96'<i class="icon-backcountry" style="color:darkgreen"></i>  Camping / Exploration': gcamp,
97'<i class="icon-warning" style="color:orange"></i>  Fallout Shelters': gfallout,
98'<i class="icon-star" style="color:purple"></i>  Points of Interest': gpoi
99};
100var control = L.control.layers(baseMaps, overlays).addTo(map);var scale= new L.control.scale({position: 'bottomcenter'}).addTo(map);
101var geocoder = L.Control.geocoder({showResultIcons: true, placeholder: 'Enter Address or Placename', position:'bottomright'}).addTo(map);	
102//var credctrl = L.controlCredits({image: "/../img/detail.png", link: "https://apps.apple.com/us/developer/geopoi-llc/id1335041500#see-all/i-phonei-pad-apps", text: "<strong>GeoPOI LLC is an independent<br>cartography business founded<br>in Saint Paul, Minnesota.<br><br>We specialize in point-of-<br>interest mapping and have<br>several mobile apps in the<br>Android and iOS app stores<br>(links on map).</strong>", position: "topleft"}).addTo(map);
103   //liedman osm router backup
104	</script>

104
105		

105<script>$(document).ready(function(){});</script>

105<br><br>
106GeoPOI LLC is an independent cartography business founded in Saint Paul, Minnesota. We specialize in point-of-interest mapping and have several mobile apps in the <a href='https://play.google.com/store/apps/developer?id=GeoPOI+LLC' target='_blank'>Android</a> and <a href='https://apps.apple.com/us/developer/geopoi-llc/id1335041500#see-all/i-phonei-pad-apps' target='_blank'>iOS</a> app stores (links on map).
107<br><br>We believe that maps are the single most powerful way to display information, and are available for consultation and <a href='https://geopoi.us/freelance'>freelance</a> cartography work upon request. We have a scientific background and facilitate a unique approach to GIS, digital mapping, and spatial data analysis. There are few other companies that can offer similar comprehensive services, expertise, and diversity of content. Reach out today and find out how a good map changes everything!<br><br><center>~ g [at] geopoi [dot] us ~</center><br><br><br>
108</body></html>