datastake-daf 0.6.288 → 0.6.290
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/components/index.js
CHANGED
|
@@ -21023,7 +21023,7 @@ const SimpleGlobe = _ref => {
|
|
|
21023
21023
|
// Hide Mapbox logo and attribution completely
|
|
21024
21024
|
map.current.getContainer();
|
|
21025
21025
|
const style = document.createElement('style');
|
|
21026
|
-
style.textContent = "\n .mapboxgl-ctrl-logo,\n .mapboxgl-ctrl-attrib,\n .mapboxgl-ctrl-bottom-left,\n .mapboxgl-ctrl-bottom-right {\n display: none !important;\n }\n .mapboxgl-canvas-container {\n overflow: hidden !important;\n }\n .mapboxgl-canvas {\n overflow: hidden !important;\n }\n /*
|
|
21026
|
+
style.textContent = "\n .mapboxgl-ctrl-logo,\n .mapboxgl-ctrl-attrib,\n .mapboxgl-ctrl-bottom-left,\n .mapboxgl-ctrl-bottom-right {\n display: none !important;\n }\n .mapboxgl-canvas-container {\n overflow: hidden !important;\n }\n .mapboxgl-canvas {\n overflow: hidden !important;\n }\n \n /* Namespace Mapbox styles to avoid Leaflet interference */\n .daf-simple-globe-container .mapboxgl-marker {\n position: absolute !important; /* let Mapbox control positioning */\n transform: translate(-50%, -50%) !important; /* keep anchor centered */\n }\n \n .daf-simple-globe-container .mapboxgl-canvas {\n position: absolute !important;\n top: 0;\n left: 0;\n }\n \n .daf-simple-globe-container .mapboxgl-canvas-container {\n position: relative !important;\n left: auto !important;\n top: auto !important;\n }\n \n .daf-simple-globe-container .mapboxgl-canvas-container canvas {\n position: absolute !important;\n top: 0;\n left: 0;\n transform: none !important;\n }\n ";
|
|
21027
21027
|
document.head.appendChild(style);
|
|
21028
21028
|
|
|
21029
21029
|
// Calculate bounds to fit all markers
|
|
@@ -21114,6 +21114,10 @@ const SimpleGlobe = _ref => {
|
|
|
21114
21114
|
});
|
|
21115
21115
|
return;
|
|
21116
21116
|
}
|
|
21117
|
+
console.log("\uD83D\uDCCD Marker ".concat(index, " coordinates:"), {
|
|
21118
|
+
lng,
|
|
21119
|
+
lat
|
|
21120
|
+
});
|
|
21117
21121
|
|
|
21118
21122
|
// Add coordinates to bounds
|
|
21119
21123
|
bounds.extend([lng, lat]);
|
|
@@ -21122,7 +21126,7 @@ const SimpleGlobe = _ref => {
|
|
|
21122
21126
|
// Create marker with explicit positioning and anchor for 3D globe
|
|
21123
21127
|
const marker = new mapboxgl.Marker({
|
|
21124
21128
|
element: el,
|
|
21125
|
-
anchor: 'center'
|
|
21129
|
+
anchor: type === "location" ? 'bottom' : 'center'
|
|
21126
21130
|
}).setLngLat([lng, lat]).setPopup(popup).addTo(map.current);
|
|
21127
21131
|
|
|
21128
21132
|
// Add click handler
|
package/package.json
CHANGED
|
@@ -124,24 +124,31 @@ const SimpleGlobe = ({
|
|
|
124
124
|
.mapboxgl-canvas {
|
|
125
125
|
overflow: hidden !important;
|
|
126
126
|
}
|
|
127
|
-
|
|
127
|
+
|
|
128
|
+
/* Namespace Mapbox styles to avoid Leaflet interference */
|
|
129
|
+
.daf-simple-globe-container .mapboxgl-marker {
|
|
130
|
+
position: absolute !important; /* let Mapbox control positioning */
|
|
131
|
+
transform: translate(-50%, -50%) !important; /* keep anchor centered */
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
.daf-simple-globe-container .mapboxgl-canvas {
|
|
135
|
+
position: absolute !important;
|
|
136
|
+
top: 0;
|
|
137
|
+
left: 0;
|
|
138
|
+
}
|
|
139
|
+
|
|
128
140
|
.daf-simple-globe-container .mapboxgl-canvas-container {
|
|
129
141
|
position: relative !important;
|
|
130
142
|
left: auto !important;
|
|
131
143
|
top: auto !important;
|
|
132
144
|
}
|
|
145
|
+
|
|
133
146
|
.daf-simple-globe-container .mapboxgl-canvas-container canvas {
|
|
134
|
-
position:
|
|
135
|
-
|
|
136
|
-
|
|
147
|
+
position: absolute !important;
|
|
148
|
+
top: 0;
|
|
149
|
+
left: 0;
|
|
137
150
|
transform: none !important;
|
|
138
151
|
}
|
|
139
|
-
/* Prevent Leaflet styles from affecting Mapbox markers */
|
|
140
|
-
.daf-simple-globe-container .daf-globe-marker {
|
|
141
|
-
position: relative !important;
|
|
142
|
-
left: auto !important;
|
|
143
|
-
top: auto !important;
|
|
144
|
-
}
|
|
145
152
|
`;
|
|
146
153
|
document.head.appendChild(style);
|
|
147
154
|
|
|
@@ -258,6 +265,7 @@ const SimpleGlobe = ({
|
|
|
258
265
|
});
|
|
259
266
|
return;
|
|
260
267
|
}
|
|
268
|
+
console.log(`📍 Marker ${index} coordinates:`, { lng, lat });
|
|
261
269
|
|
|
262
270
|
// Add coordinates to bounds
|
|
263
271
|
bounds.extend([lng, lat]);
|
|
@@ -266,7 +274,7 @@ const SimpleGlobe = ({
|
|
|
266
274
|
// Create marker with explicit positioning and anchor for 3D globe
|
|
267
275
|
const marker = new mapboxgl.Marker({
|
|
268
276
|
element: el,
|
|
269
|
-
|
|
277
|
+
anchor: type === "location" ? 'bottom' : 'center'
|
|
270
278
|
})
|
|
271
279
|
.setLngLat([lng, lat])
|
|
272
280
|
.setPopup(popup)
|