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

[Minh Nguyễn]

@1ec5 commented on this pull request.



> @@ -7,6 +7,34 @@ 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", "WebGL is required for this map.");
+    errorDiv.innerHTML = `
+      <p>
+        We are sorry, but it seems that your browser does not support

This is potentially a lot to put into an embedded iframe. Does MapLibre have a dedicated page explaining the situation and options for end users that this message can link to for more detail? If not, we could start a page on the OSM Wiki to that effect.

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

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