[openstreetmap/openstreetmap-website] Add Human facing error messages when users without WebGL use (PR #6782)

[Frank Elsinga]

@CommanderStorm commented on this pull request.



> @@ -7,6 +7,31 @@ maplibregl.Map.prototype._getUIString = function (key) {
   return OSM.i18n.t(`javascripts.map.${snakeCaseKey}`);
 };
 
+OSM.MapLibre.showWebGLError = function (container) {
+  const containerElement =
+    typeof container === "string" ? document.getElementById(container) : container;
+
+  if (containerElement) {
+    const errorDiv = document.createElement("div");
+    errorDiv.className = "maplibre-error";
+    errorDiv.setAttribute("data-compact-message", OSM.i18n.t("javascripts.map.webgl_error.compact_message"));
+    errorDiv.innerHTML = `
+      <p class="d-none d-md-block">
+        ${OSM.i18n.t("javascripts.map.webgl_error.description", { browser_does_not_support_webgl: `<b>${OSM.i18n.t("javascripts.map.webgl_error.browser_does_not_support_webgl")}</b>` })}
+      </p>
+      <p>
+        <a class="btn btn-link" href="https://wiki.openstreetmap.org/wiki/Using_OpenStreetMap/Why_is_WebGL_Required" target="_blank">

Ok, I added this as a translation key.

-- 
Reply to this email directly or view it on GitHub:
https://github.com/openstreetmap/openstreetmap-website/pull/6782#discussion_r2780001889
You are receiving this because you are subscribed to this thread.

Message ID: <openstreetmap/openstreetmap-website/pull/6782/review/3770561697 at github.com>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20260208/dce2b16e/attachment-0001.htm>