= ({
defaultValue:
'Map failed to load (this browser does not provide WebGL2, which the map needs). The records are listed below; turn on hardware acceleration or use a browser with WebGL2 to see the map.',
})
- : mapConfig.style
+ : mapStyleOwner === 'view'
? t('element.map.styleFailedConfigured', {
reason: styleFailureReason,
defaultValue:
'Map failed to load ({{reason}}). The records are listed below; check the map style URL set on this view.',
})
- : t('element.map.styleFailedDefault', {
- reason: styleFailureReason,
- defaultValue:
- 'Map failed to load ({{reason}}). The records are listed below; the public default map tiles could not be loaded here, so ask your administrator to set a map style for this view.',
- });
+ : mapStyleOwner === 'deployment'
+ ? t('element.map.styleFailedDeployment', {
+ reason: styleFailureReason,
+ defaultValue:
+ 'Map failed to load ({{reason}}). The records are listed below; the default map style set for this deployment could not be loaded here, so ask your administrator to check it.',
+ })
+ : t('element.map.styleFailedDefault', {
+ reason: styleFailureReason,
+ defaultValue:
+ 'Map failed to load ({{reason}}). The records are listed below; the public default map tiles could not be loaded here, so ask your administrator to set a map style for this view.',
+ });
return (
@@ -1487,7 +1509,7 @@ export const ObjectMap: React.FC = ({
ref={(r) => { mapRef.current = r as any; }}
initialViewState={initialViewState}
style={{ width: '100%', height: '100%' }}
- mapStyle={mapConfig.style || DEFAULT_MAP_STYLE}
+ mapStyle={drawnMapStyle}
touchZoomRotate={true}
dragRotate={true}
touchPitch={true}
diff --git a/ui/packages/react/src/context/HostMapStyleContext.tsx b/ui/packages/react/src/context/HostMapStyleContext.tsx
new file mode 100644
index 00000000000..a67ac0db76e
--- /dev/null
+++ b/ui/packages/react/src/context/HostMapStyleContext.tsx
@@ -0,0 +1,60 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * HostMapStyleContext — the deployment's default map style, offered to the map
+ * renderer by its host (objectstack#26163, the renderer half of #26001).
+ *
+ * A map view that declares no style of its own used to draw the public MapLibre
+ * demo style, a host an intranet or proxied deployment cannot reach. The
+ * operator names the deployment's own style in `OS_CONSOLE_MAP_STYLE_URL`, and
+ * the runtime serves it as `mapStyleUrl` on `GET /api/v1/runtime/config`. Only
+ * the host reads that payload, so the host hands the value down through this
+ * context. The map renderer reads it AFTER the view's own style and BEFORE the
+ * public demo default.
+ *
+ * ## Why a context, and why here
+ *
+ * The map renderer reaches the page through `ComponentRegistry`, so no host
+ * prop reaches it; a context does, the same way `HostNavigationContext`
+ * reaches every registered renderer. The context lives in this package rather
+ * than in `@object-ui/plugin-map` because the Console loads that plugin lazily
+ * (`registerLazy`, to keep maplibre-gl out of the first bundle). A provider the
+ * Console imported from the plugin would load the plugin, and maplibre-gl
+ * with it, on every page. Both the plugin and the Console already depend on
+ * this package, so neither gains a dependency.
+ *
+ * ## Absent is a supported state
+ *
+ * Outside a provider, or under one given no style, `useHostMapStyle()` answers
+ * `undefined` and the map draws what it drew before. Hosts that do not serve
+ * the runtime payload (an embedded renderer, a test) change nothing.
+ *
+ * ⛔ Not a metadata key. A view's own style stays `mapStyle` / `map.style`, and
+ * nothing here is authorable: the value is the operator's (ruling A on #26001).
+ */
+
+import React, { createContext, useContext } from 'react';
+
+export const HostMapStyleContext = createContext(undefined);
+
+export const HostMapStyleProvider: React.FC<{
+ /** The deployment's default MapLibre style URL; `undefined` when none is set. */
+ styleUrl: string | undefined;
+ children: React.ReactNode;
+}> = ({ styleUrl, children }) => (
+ {children}
+);
+
+/**
+ * The deployment's default map style the host provided, or `undefined` when no
+ * host provided one. See the module docblock.
+ */
+export function useHostMapStyle(): string | undefined {
+ return useContext(HostMapStyleContext);
+}
diff --git a/ui/packages/react/src/context/index.ts b/ui/packages/react/src/context/index.ts
index e19c50939f8..d4b834cd142 100644
--- a/ui/packages/react/src/context/index.ts
+++ b/ui/packages/react/src/context/index.ts
@@ -10,5 +10,6 @@ export * from './InlineEditContext.js';
export * from './DiscussionContext.js';
export * from './DrillNavigationContext.js';
export * from './HostNavigationContext.js';
+export * from './HostMapStyleContext.js';
export * from './RelatedRecordActionsContext.js';
export * from './PrintPageContext.js';