antontranelis/utopia-ui
1
0
Fork 0
mirror of https://github.com/utopia-os/utopia-ui.git synced 2025-12-13 07:46:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

open map popup, when item popup opens

Browse Source
This commit is contained in:
Anton Tranelis 2024-05-06 09:50:39 +02:00
parent 02436b1139
commit 3be44a6872
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/Components/Profile/OverlayItemProfile.tsx
View File

@ -110,25 +110,29 @@ export function OverlayItemProfile() {
useEffect(() => { useEffect(() => {
const setMap = async (marker, x) => {
await map.setView(new LatLng(item?.position?.coordinates[1]!, item?.position?.coordinates[0]! + x / 4), undefined);
setTimeout(() => {
marker.openPopup();
}, 300);
}
if (item) { if (item) {
if (item.position) { if (item.position) {
const marker = Object.entries(leafletRefs).find(r => r[1].item == item)?.[1].marker; const marker = Object.entries(leafletRefs).find(r => r[1].item == item)?.[1].marker;
marker && clusterRef.hasLayer(marker) && clusterRef?.zoomToShowLayer(marker, () => { marker && clusterRef.hasLayer(marker) && clusterRef?.zoomToShowLayer(marker, () => {
const bounds = map.getBounds(); const bounds = map.getBounds();
const x = bounds.getEast() - bounds.getWest(); const x = bounds.getEast() - bounds.getWest();
map.setView(new LatLng(item?.position?.coordinates[1]!, item?.position?.coordinates[0]! + x / 4), undefined, { duration: 1 }); setMap(marker, x);
} }
); );
} }
else { else {
const parent = getFirstAncestor(item); const parent = getFirstAncestor(item);
const marker = Object.entries(leafletRefs).find(r => r[1].item == parent)?.[1].marker; const marker = Object.entries(leafletRefs).find(r => r[1].item == parent)?.[1].marker;
marker && clusterRef.hasLayer(marker) && clusterRef?.zoomToShowLayer(marker, () => { marker && clusterRef.hasLayer(marker) && clusterRef?.zoomToShowLayer(marker, () => {
const bounds = map.getBounds(); const bounds = map.getBounds();
const x = bounds.getEast() - bounds.getWest(); const x = bounds.getEast() - bounds.getWest();
map.setView(new LatLng(parent?.position?.coordinates[1]!, parent?.position?.coordinates[0]! + x / 4), undefined, { duration: 1 }); setMap(marker, x);
} }
); );
} }
@ -341,8 +345,6 @@ export function OverlayItemProfile() {
<TextView truncate item={i} /> <TextView truncate item={i} />
</div> </div>
</div> </div>
)} )}
{updatePermission && <ActionButton collection="items" item={item} existingRelations={relations} triggerItemSelected={linkItem} colorField={item.layer.itemColorField}></ActionButton>} {updatePermission && <ActionButton collection="items" item={item} existingRelations={relations} triggerItemSelected={linkItem} colorField={item.layer.itemColorField}></ActionButton>}