WIP on map-link

- initial commit for prefers-map-content support for image, tiled-image,
vector-tile,feature,table,no-preference

src/background.js

@@ -86,7 +86,8 @@ chrome.runtime.onInstalled.addListener(async () => {
           featureIndexOverlayOption: false,
           renderMap: true,
           defaultExtCoor: 'pcrs',
-          defaultLocCoor: 'gcrs'
+          defaultLocCoor: 'gcrs',
+          defaultContentPreference: 'no-preference'
         }
       });
       registerContentScripts();

src/popup.html

@@ -58,6 +58,22 @@ <h6 class="card-title">Accessibility Settings</h6>
 
     </div>
   </div>
+  <div class="card">
+    <div class="card-body">
+      <h6 class="card-title">Content Preferences</h6>
+      <div>
+        <label class="form-label" for="content-prefs">Preferred map content type: </label>
+        <select class="form-select form-select-sm" id="contentPreference">
+          <option value="no-preference" selected>No preference (default)</option>
+          <option value="image">Images</option>
+          <option value="tiled-image">Tiled images</option>
+          <option value="feature">Features</option>
+          <option value="vector-tile">Vector tiles</option>
+          <option value="table">Tables</option>
+        </select>
+      </div>
+    </div>
+  </div>
 
 
 </div>

src/popup.js

@@ -22,7 +22,8 @@ function loadOptions() {
       featureIndexOverlayOption: false,
       renderMap: false,
       defaultExtCoor: 'pcrs',
-      defaultLocCoor: 'gcrs'
+      defaultLocCoor: 'gcrs',
+      defaultContentPreference: 'no-preference'
     };
     for (let name in options) {
       let elem = document.getElementById(name);
@@ -71,5 +72,6 @@ document.addEventListener("DOMContentLoaded", () => {
   document.getElementById("renderMap").addEventListener("change", handleCheckboxChange);
   document.getElementById("defaultExtCoor").addEventListener("change", handleDropdownChange);
   document.getElementById("defaultLocCoor").addEventListener("change", handleDropdownChange);
+  document.getElementById('contentPreference').addEventListener("change", handleDropdownChange);
 });