Make shared asset links open directly on map location.

Copy Share Link now generates a demo URL with asset coordinates so recipients can open the map and immediately see the shared object placement.

Made-with: Cursor

web/leaflet-demo.js

@@ -73,6 +73,37 @@ function setClientBase(baseUrl) {
   setStatus(`API base updated: ${normalized}`);
 }
 
+function buildMapShareLink(feature, asset) {
+  const coords = feature?.geometry?.coordinates;
+  if (!Array.isArray(coords) || coords.length < 2) {
+    return client.resolveRelativeLink(asset.link);
+  }
+  const url = new URL(window.location.origin + window.location.pathname);
+  url.searchParams.set("shared", "1");
+  url.searchParams.set("lng", String(coords[0]));
+  url.searchParams.set("lat", String(coords[1]));
+  url.searchParams.set("kind", asset.kind || "3d");
+  url.searchParams.set("public", asset.isPublic ? "1" : "0");
+  url.searchParams.set("assetId", asset.id);
+  url.searchParams.set("assetLink", client.resolveRelativeLink(asset.link));
+  return url.toString();
+}
+
+function renderSharedAssetFromQuery() {
+  const params = new URLSearchParams(window.location.search);
+  if (params.get("shared") !== "1") return;
+  const lng = Number(params.get("lng"));
+  const lat = Number(params.get("lat"));
+  if (!Number.isFinite(lng) || !Number.isFinite(lat)) return;
+  const kind = params.get("kind") === "image" ? "image" : "3d";
+  const isPublic = params.get("public") !== "0";
+  const assetId = params.get("assetId") || "shared-asset";
+  const marker = L.marker([lat, lng]).addTo(map);
+  marker.bindPopup(`Shared ${kind} asset (${isPublic ? "public" : "private"}): ${assetId}`).openPopup();
+  map.setView([lat, lng], Math.max(map.getZoom(), 14));
+  setStatus("Shared object loaded on map.");
+}
+
 async function ensureKeys() {
   keys = await client.ensureKeysInStorage();
   publicKeyPreviewEl.textContent = `Public key: ${keys.publicKey.slice(0, 24)}...`;
@@ -135,8 +166,9 @@ function renderAssets(features) {
       const copyBtn = document.createElement("button");
       copyBtn.textContent = "Copy Share Link";
       copyBtn.onclick = async () => {
-        await navigator.clipboard.writeText(absoluteLink);
-        setStatus("Share link copied to clipboard.");
+        const shareLink = buildMapShareLink(feature, asset);
+        await navigator.clipboard.writeText(shareLink);
+        setStatus("Map share link copied to clipboard.");
       };
       actions.appendChild(copyBtn);
 
@@ -268,3 +300,5 @@ if (savedBase) {
   apiBaseEl.value = savedBase;
   setClientBase(savedBase);
 }
+
+renderSharedAssetFromQuery();