upfrontsoftware / izinto-angular

0 stars 0 forks source link

GIS Map: Pin the popup in a nice way to the "tag" / pin #192

Closed GronumSmith closed 4 years ago

GronumSmith commented 4 years ago

At the moment the popup: a) covers the pin / tag b) the arrow of the call-out is not anchored to any specific point

Suggestions 1) Call-out/pop-out is anchored above the pin/tag ? [easier but then duplicate data?] 2) the pin/tag is hidden completely by the new popup, and the popup arrow is on the same point as the arrow of the pin/tag [make border of popup same as pin/tag to make it appear to expand any of these two methods image

nvernooy commented 4 years ago

Change the layout of the pins and the position of the popup

image image

rochecompaan commented 4 years ago

@GronumSmith are you happy with the popup position? Can we close this issue?

GronumSmith commented 4 years ago

Sorry closed this too early. I miss a pin -> sharp end to the EXACT GPS location, similar to (an the same location/point) as the popup. image

in other words maybe have an arrow/point above the [] to the same point as the arrow of the Pop-up. image

This will imply a little bit of space between the pin[] and the pop-up. Would that be OK

GronumSmith commented 4 years ago

BTW: Tested in : https://dashtweak.com/dashboards/162

rochecompaan commented 4 years ago

Making a pointy marker is not as easy as styling a rectangle or circle with HTML and CSS. Is it important to for the marker to point exactly to the GPS coordinate? In the example you liked it doesn't do that:

image

In the original example it doesn't either:

image

We could remove the icons for temp, wind-speed, etc and always show a dot to render on the GPS location.

If you have an existing leaflet marker example then we can cut and paste this is doable otherwise I think we should do this as a future enhancement.

rochecompaan commented 4 years ago

@nvernooy can we position the centre point of the pin on the exact GPS coordinate.

nvernooy commented 4 years ago

The center of the pin is on the GPS coordinate

image