Added XYZ tile instructions

Author: kevinworthington

add_tile_map_agol.md

@@ -0,0 +1,75 @@
+Adding a Georeferenced Map in ArcGIS Online Using a Tile Layer URL
+==================================================================
+
+Step 1: Copy the Map Tiles URL
+------------------------------
+
+Copy the **“Map Tiles URL”** from the bottom of the details view for the georeferenced map you’re interested in.
+
+Step 2: Open ArcGIS Online
+--------------------------
+
+1.  Go to **ArcGIS Online**
+    
+2.  Sign in to your account.
+    
+
+Step 3: Open Map Viewer
+-----------------------
+
+1.  Click **Map** in the top navigation menu.
+    
+2.  This will open **Map Viewer** in a new tab.
+    
+
+Step 4: Add a Layer from the Web
+--------------------------------
+
+### In the New Map Viewer:
+
+1.  Click **Add** (usually a “+” button on the left panel).
+    
+2.  Select **Add layer from URL**.
+    
+
+### In Map Viewer Classic (if applicable):
+
+1.  Click **Add** in the top toolbar.
+    
+2.  Select **Add Layer from Web**.
+    
+
+Step 5: Paste the Map Tiles URL
+-------------------------------
+
+1.  Paste the copied **Map Tiles URL** into the URL field.
+    
+2.  For the layer type, choose **Tile Layer**.
+
+2.  Click **Next** and enter Title and Attribution for the map layer.
+    
+3.  Click **Add to map**.
+    
+
+Step 6: Navigate to the Map Location
+------------------------------------
+
+After the layer loads:
+
+*   The map may not automatically zoom to the correct location.
+    
+*   If needed, manually pan and zoom to the geographic area of the map.
+    
+
+If you’re unsure where the map is located, refer to the map's position within the Historic Map Explorer and manually navigate to that area in ArcGIS Online.
+
+Optional: Save the Map
+----------------------
+
+1.  Click **Save**.
+    
+2.  Choose **Save As** if creating a new web map.
+    
+3.  Enter a title, tags, and summary.
+    
+4.  Click **Save**.

add_tile_map_qgis.md

@@ -0,0 +1,36 @@
+Add a Georeferenced Map to QGIS Using **“Add XYZ Layer…”**
+----------------------------------------------------------
+
+1.  **Copy the Map Tiles URL**Copy the **“Map Tiles URL”** from the bottom of the details view for the georeferenced map you’re interested in.
+    
+2.  **Open QGIS**
+    
+3.  **Open the Data Source Manager**
+    
+    *   Click **Layer** in the top menu
+        
+    *   Select **Data Source Manager…**
+        
+4.  **Choose “XYZ Tiles”**In the left-hand panel, click **XYZ Tiles**.
+    
+5.  **Create a New Connection**
+    
+    *   Click the **New** button
+        
+    *   Give the connection a name (e.g., the title of the map)
+        
+6.  **Paste the URL**
+    
+    *   Paste the copied **Map Tiles URL** into the **URL** field
+        
+    *   Leave other settings at their default values unless you have specific requirements
+        
+7.  **Add the Layer**
+    
+    *   Click **OK**
+        
+    *   Select your newly created XYZ connection
+        
+    *   Click **Add**
+        
+8.  If you’re unsure where the map is located, refer to the map's position within the Historic Map Explorer and manually navigate to that area in QGIS.

images/arcgis-online-svgrepo-com.svg

@@ -1169,7 +1169,13 @@ class Filter_Manager {
             }
         }
         if(item?.[section.map_tiles_col]){
-            html+="<div class='meta-item'><span class='fw-bold'>"+LANG.DETAILS.MAP_TILES+"</span> "+"<br/>"
+            html+="<div class='meta-item'><span class='fw-bold'>"+LANG.DETAILS.MAP_TILES+"</span> "
+            html+=`<a href="https://github.com/GeospatialCentroid/historic_map_explorer/blob/main/add_tile_map_qgis.md" target="_blank">
+            <img src="images/qgis-svgrepo-com.svg" alt="QGIS instructions" style="width: 15px; height: 15px; vertical-align: middle;">
+            </a>`
+            html+=`<a href="https://github.com/GeospatialCentroid/historic_map_explorer/blob/main/add_tile_map_agol.md" target="_blank">
+            <img src="images/arcgis-online-svgrepo-com.svg" alt="AGOL instructions" style="width: 15px; height: 15px; vertical-align: middle;">
+            </a><br/>`
             html+='<input class="readonly_input" type="text" value='+item[section.map_tiles_col]+'>'
             html+="</div>"
         }