Compare commits
7 Commits
29228fc9ea
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
afd73e26de | ||
| 5967ca3805 | |||
| 63de5f997c | |||
| 453618f712 | |||
| 15fda48844 | |||
| ae32da77df | |||
| 297808d4cc |
@@ -5,9 +5,9 @@ Create a PR on Gitea, wait for CI, and squash-merge it. Push code to both remote
|
||||
3. Fetch latest main and rebase: `git fetch gitea main && git rebase gitea/main`.
|
||||
- If conflicts occur, abort the rebase (`git rebase --abort`), analyze the conflicting files, write a plan to resolve them, and present the plan to the user before proceeding.
|
||||
4. Push the branch to both remotes: `git push -u gitea <branch> && git push origin <branch>` (use `--force-with-lease` if already pushed).
|
||||
5. Create a Gitea PR: `tea pr create --head <branch> --base main`. Reference related issues with `#X`. Only use `Closes #X` if the PR fully resolves the issue.
|
||||
5. Create a Gitea PR: `tea pr create --login gitea --repo ryan/via --head <branch> --base main`. Reference related issues with `#X`. Only use `Closes #X` if the PR fully resolves the issue.
|
||||
6. Wait for CI to pass: poll Gitea CI status. If CI fails, report the failure and stop — do not merge.
|
||||
7. Once CI passes, squash-merge on Gitea: `tea pr merge <index> --style squash` with a clean, semantic commit message including the PR number. No Claude attribution lines.
|
||||
7. Once CI passes, squash-merge on Gitea: `tea pr merge --login gitea --repo ryan/via <index> --style squash` with a clean, semantic commit message including the PR number. No Claude attribution lines.
|
||||
8. Update local main and push to both remotes. If in a worktree, `main` is checked out in the primary tree, so run from there: `cd <primary-worktree> && git pull gitea main && git push origin main` (the primary worktree path is the repo root without `.claude/worktrees/…`). If not in a worktree: `git checkout main && git pull gitea main && git push origin main`.
|
||||
9. Clean up remote branches: `git push gitea --delete <branch> && git push origin --delete <branch>`.
|
||||
10. Prune refs: `git remote prune gitea && git remote prune origin`.
|
||||
|
||||
@@ -16,5 +16,5 @@ Create a new release on Gitea. Push tags to both remotes.
|
||||
Present the proposed version, bump rationale, and commit list. Wait for user approval.
|
||||
6. Tag the new version. Push the tag to both remotes: `git push gitea <tag> && git push origin <tag>`.
|
||||
7. Generate release notes grouped by type (features, fixes, chores).
|
||||
8. Create a Gitea release with `tea releases create` using the notes.
|
||||
8. Create a Gitea release with `tea releases create --login gitea --repo ryan/via` using the notes.
|
||||
9. Report the release URL and confirm all remotes are up to date.
|
||||
|
||||
@@ -28,7 +28,7 @@ var (
|
||||
|
||||
// shipState tracks a ship lerping along a loop of waypoints.
|
||||
type shipState struct {
|
||||
lng, lat float64
|
||||
lng, lat float64
|
||||
waypoints [][2]float64 // [lng, lat] pairs
|
||||
wpIdx int // index of next target waypoint
|
||||
progress float64 // 0..1 toward next waypoint
|
||||
@@ -78,10 +78,11 @@ const shipSVG = `<svg width="48" height="28" viewBox="0 0 80 44" xmlns="http://w
|
||||
func main() {
|
||||
v := via.New()
|
||||
v.Config(via.Options{
|
||||
DocumentTitle: "MapLibre GL Example",
|
||||
ServerAddress: ":7331",
|
||||
DevMode: true,
|
||||
Plugins: []via.Plugin{maplibre.Plugin},
|
||||
DocumentTitle: "MapLibre GL Example",
|
||||
ServerAddress: ":7331",
|
||||
DevMode: true,
|
||||
Plugins: []via.Plugin{maplibre.Plugin},
|
||||
ActionRateLimit: via.RateLimitConfig{Rate: 60, Burst: 120},
|
||||
})
|
||||
|
||||
// Single goroutine moves the vehicle — all clients read the same position.
|
||||
@@ -158,33 +159,41 @@ func main() {
|
||||
m.AddMarker("sf", maplibre.Marker{
|
||||
LngLat: maplibre.LngLat{Lng: -122.4194, Lat: 37.7749},
|
||||
Color: "#e74c3c",
|
||||
Scale: 1.3,
|
||||
Popup: &maplibre.Popup{
|
||||
Content: "<strong>San Francisco</strong><p>The Golden City</p>",
|
||||
},
|
||||
})
|
||||
noCloseOnClick := false
|
||||
m.AddMarker("oak", maplibre.Marker{
|
||||
LngLat: maplibre.LngLat{Lng: -122.2711, Lat: 37.8044},
|
||||
Color: "#2ecc71",
|
||||
LngLat: maplibre.LngLat{Lng: -122.2711, Lat: 37.8044},
|
||||
Color: "#2ecc71",
|
||||
Opacity: 0.7,
|
||||
Popup: &maplibre.Popup{
|
||||
Content: "<strong>Oakland</strong>",
|
||||
Content: "<strong>Oakland</strong>",
|
||||
Anchor: "bottom",
|
||||
Offset: [2]float64{0, -10},
|
||||
CloseOnClick: &noCloseOnClick,
|
||||
},
|
||||
})
|
||||
|
||||
// Animated container ships following waypoint routes
|
||||
shipNames := [3]string{"MSC Adriatica", "Evergreen Harmony", "Maersk Aurora"}
|
||||
type shipSignals struct{ lng, lat *via.Signal }
|
||||
type shipSignals struct{ lng, lat, rot *via.Signal }
|
||||
var ships [3]shipSignals
|
||||
|
||||
fleet.mu.RLock()
|
||||
for i, s := range fleet.ships {
|
||||
ships[i].lng = c.Signal(s.lng)
|
||||
ships[i].lat = c.Signal(s.lat)
|
||||
// SVG bow points right (east), so subtract 90° from the north-based heading.
|
||||
ships[i].rot = c.Signal(s.heading() - 90)
|
||||
m.AddMarker(fmt.Sprintf("ship-%d", i), maplibre.Marker{
|
||||
LngSignal: ships[i].lng,
|
||||
LatSignal: ships[i].lat,
|
||||
Element: shipSVG,
|
||||
Anchor: "center",
|
||||
Rotation: s.heading(),
|
||||
LngSignal: ships[i].lng,
|
||||
LatSignal: ships[i].lat,
|
||||
RotationSignal: ships[i].rot,
|
||||
Element: shipSVG,
|
||||
Anchor: "center",
|
||||
Popup: &maplibre.Popup{
|
||||
Content: fmt.Sprintf("<strong>%s</strong>", shipNames[i]),
|
||||
},
|
||||
@@ -216,6 +225,7 @@ func main() {
|
||||
for i, s := range fleet.ships {
|
||||
ships[i].lng.SetValue(s.lng)
|
||||
ships[i].lat.SetValue(s.lat)
|
||||
ships[i].rot.SetValue(s.heading() - 90)
|
||||
}
|
||||
fleet.mu.RUnlock()
|
||||
|
||||
|
||||
165
maplibre/js.go
165
maplibre/js.go
@@ -113,9 +113,19 @@ func initScript(m *Map) string {
|
||||
}
|
||||
for _, me := range m.markers {
|
||||
b.WriteString(markerBodyJS(m.id, me.id, me.marker))
|
||||
if me.handle != nil {
|
||||
for _, ev := range me.handle.events {
|
||||
b.WriteString(markerEventListenerJS(m.id, ev))
|
||||
}
|
||||
}
|
||||
}
|
||||
for _, pe := range m.popups {
|
||||
b.WriteString(popupBodyJS(pe.id, pe.popup))
|
||||
if pe.handle != nil {
|
||||
for _, ev := range pe.handle.events {
|
||||
b.WriteString(popupEventListenerJS(m.id, ev))
|
||||
}
|
||||
}
|
||||
}
|
||||
for _, ce := range m.controls {
|
||||
b.WriteString(controlBodyJS(ce.id, ce.ctrl))
|
||||
@@ -180,27 +190,50 @@ func initScript(m *Map) string {
|
||||
func markerBodyJS(mapID, markerID string, mk Marker) string {
|
||||
var b strings.Builder
|
||||
|
||||
// Use a wrapper div for custom elements so MapLibre rotates the div
|
||||
// while we can independently flip the inner element to prevent inversion.
|
||||
if mk.Element != "" {
|
||||
b.WriteString(fmt.Sprintf(
|
||||
`var _mkEl=document.createElement('div');_mkEl.innerHTML=%s;`,
|
||||
`var _mkEl=document.createElement('div');`+
|
||||
`_mkEl.style.display='inline-block';_mkEl.style.lineHeight='0';`+
|
||||
`_mkEl.innerHTML=%s;`,
|
||||
jsonStr(mk.Element)))
|
||||
}
|
||||
|
||||
opts := "{"
|
||||
if mk.Element != "" {
|
||||
opts += `element:_mkEl.firstElementChild||_mkEl,`
|
||||
opts += `element:_mkEl,`
|
||||
} else if mk.Color != "" {
|
||||
opts += fmt.Sprintf(`color:%s,`, jsonStr(mk.Color))
|
||||
}
|
||||
if mk.Anchor != "" {
|
||||
opts += fmt.Sprintf(`anchor:%s,`, jsonStr(mk.Anchor))
|
||||
}
|
||||
if mk.Rotation != 0 {
|
||||
// When both Element and RotationSignal are set, skip initial rotation
|
||||
// in opts — we apply it post-creation with flip normalization.
|
||||
if mk.RotationSignal != nil && mk.Element == "" {
|
||||
opts += fmt.Sprintf(`rotation:%s,`, mk.RotationSignal.String())
|
||||
} else if mk.RotationSignal == nil && mk.Rotation != 0 {
|
||||
opts += fmt.Sprintf(`rotation:%s,`, formatFloat(mk.Rotation))
|
||||
}
|
||||
if mk.Draggable {
|
||||
opts += `draggable:true,`
|
||||
}
|
||||
if mk.Offset != [2]float64{} {
|
||||
opts += fmt.Sprintf(`offset:[%s,%s],`, formatFloat(mk.Offset[0]), formatFloat(mk.Offset[1]))
|
||||
}
|
||||
if mk.Scale != 0 {
|
||||
opts += fmt.Sprintf(`scale:%s,`, formatFloat(mk.Scale))
|
||||
}
|
||||
if mk.Opacity != 0 {
|
||||
opts += fmt.Sprintf(`opacity:%s,`, formatFloat(mk.Opacity))
|
||||
}
|
||||
if mk.OpacityWhenCovered != 0 {
|
||||
opts += fmt.Sprintf(`opacityWhenCovered:%s,`, formatFloat(mk.OpacityWhenCovered))
|
||||
}
|
||||
if mk.ClassName != "" {
|
||||
opts += fmt.Sprintf(`className:%s,`, jsonStr(mk.ClassName))
|
||||
}
|
||||
opts += "}"
|
||||
|
||||
// Determine initial position
|
||||
@@ -212,24 +245,36 @@ func markerBodyJS(mapID, markerID string, mk Marker) string {
|
||||
opts, formatFloat(mk.LngLat.Lng), formatFloat(mk.LngLat.Lat)))
|
||||
}
|
||||
|
||||
// Apply initial rotation with flip normalization for custom elements.
|
||||
if mk.RotationSignal != nil && mk.Element != "" {
|
||||
b.WriteString(fmt.Sprintf(
|
||||
`var _r=%s,_f=_r>90||_r<-90;if(_f)_r=_r>0?_r-180:_r+180;`+
|
||||
`mk.setRotation(_r);`+
|
||||
`var _ch=_mkEl.firstElementChild;if(_ch&&_f)_ch.style.transform='scaleX(-1)';`,
|
||||
mk.RotationSignal.String()))
|
||||
}
|
||||
|
||||
if mk.Popup != nil {
|
||||
b.WriteString(popupConstructorJS(*mk.Popup, "pk"))
|
||||
b.WriteString(`mk.setPopup(pk);`)
|
||||
}
|
||||
b.WriteString(fmt.Sprintf(`mk.addTo(map);map._via_markers[%s]=mk;`, jsonStr(markerID)))
|
||||
|
||||
// Dragend → signal writeback
|
||||
// Drag → throttled live signal writeback + dragend final writeback
|
||||
if mk.Draggable && mk.LngSignal != nil && mk.LatSignal != nil {
|
||||
b.WriteString(dragendHandlerJS(mapID, markerID, mk))
|
||||
b.WriteString(dragHandlerJS(mapID, mk))
|
||||
}
|
||||
|
||||
return b.String()
|
||||
}
|
||||
|
||||
// dragendHandlerJS generates JS that writes marker position back to signal hidden inputs on dragend.
|
||||
func dragendHandlerJS(mapID, markerID string, mk Marker) string {
|
||||
// dragHandlerJS generates JS that writes marker position to signal hidden inputs
|
||||
// during drag (throttled via requestAnimationFrame) and on dragend (unthrottled).
|
||||
func dragHandlerJS(mapID string, mk Marker) string {
|
||||
// Shared writeback logic extracted into a local function for both handlers.
|
||||
return fmt.Sprintf(
|
||||
`mk.on('dragend',function(){`+
|
||||
`var _raf=0;mk._dragging=false;`+
|
||||
`function _wb(){`+
|
||||
`var pos=mk.getLngLat();`+
|
||||
`var el=document.getElementById(%[1]s);if(!el)return;`+
|
||||
`var inputs=el.querySelectorAll('input[data-bind]');`+
|
||||
@@ -238,30 +283,67 @@ func dragendHandlerJS(mapID, markerID string, mk Marker) string {
|
||||
`if(sig===%[2]s){inp.value=pos.lng;inp.dispatchEvent(new Event('input',{bubbles:true}))}`+
|
||||
`if(sig===%[3]s){inp.value=pos.lat;inp.dispatchEvent(new Event('input',{bubbles:true}))}`+
|
||||
`});`+
|
||||
`});`,
|
||||
`}`+
|
||||
`mk.on('dragstart',function(){mk._dragging=true;});`+
|
||||
`mk.on('drag',function(){if(_raf)return;_raf=requestAnimationFrame(function(){_raf=0;_wb()});});`+
|
||||
`mk.on('dragend',function(){cancelAnimationFrame(_raf);_raf=0;_wb();mk._dragging=false;});`,
|
||||
jsonStr("_vwrap_"+mapID),
|
||||
jsonStr(mk.LngSignal.ID()),
|
||||
jsonStr(mk.LatSignal.ID()),
|
||||
)
|
||||
}
|
||||
|
||||
// markerEventListenerJS generates JS for a marker event listener.
|
||||
// Assumes `mk` (the marker) is in scope.
|
||||
func markerEventListenerJS(mapID string, ev markerEventEntry) string {
|
||||
return fmt.Sprintf(
|
||||
`mk.on(%[1]s,function(){`+
|
||||
`var pos=mk.getLngLat();`+
|
||||
`var d={lngLat:{Lng:pos.lng,Lat:pos.lat},point:[0,0]};`+
|
||||
`var el=document.getElementById(%[2]s);if(!el)return;`+
|
||||
`var inp=el.querySelector('input[data-bind=%[3]s]');`+
|
||||
`if(inp){inp.value=JSON.stringify(d);inp.dispatchEvent(new Event('input',{bubbles:true}))}`+
|
||||
`});`,
|
||||
jsonStr(ev.event),
|
||||
jsonStr("_vwrap_"+mapID),
|
||||
jsonStr(ev.signal.ID()),
|
||||
)
|
||||
}
|
||||
|
||||
// markerEffectExpr generates a data-effect expression that moves a signal-backed marker
|
||||
// when its signals change.
|
||||
func markerEffectExpr(mapID, markerID string, mk Marker) string {
|
||||
// Read signals before the guard so Datastar tracks them as dependencies
|
||||
// even when the map/marker hasn't loaded yet on first evaluation.
|
||||
return fmt.Sprintf(
|
||||
`var lng=$%s,lat=$%s;`+
|
||||
`var m=window.__via_maps&&window.__via_maps[%s];`+
|
||||
`if(m&&m._via_markers[%s]){`+
|
||||
`m._via_markers[%s].setLngLat([lng,lat])}`,
|
||||
mk.LngSignal.ID(), mk.LatSignal.ID(),
|
||||
jsonStr(mapID), jsonStr(markerID), jsonStr(markerID),
|
||||
)
|
||||
var b strings.Builder
|
||||
b.WriteString(fmt.Sprintf(`var lng=$%s,lat=$%s;`, mk.LngSignal.ID(), mk.LatSignal.ID()))
|
||||
if mk.RotationSignal != nil {
|
||||
b.WriteString(fmt.Sprintf(`var rot=$%s;`, mk.RotationSignal.ID()))
|
||||
}
|
||||
b.WriteString(fmt.Sprintf(
|
||||
`var m=window.__via_maps&&window.__via_maps[%s];`+
|
||||
`if(m&&m._via_markers[%[2]s]&&!m._via_markers[%[2]s]._dragging){`+
|
||||
`m._via_markers[%[2]s].setLngLat([lng,lat])`,
|
||||
jsonStr(mapID), jsonStr(markerID)))
|
||||
if mk.RotationSignal != nil && mk.Element != "" {
|
||||
// Normalize rotation to [-90,90] and horizontally flip the inner
|
||||
// element when |rotation| > 90° to prevent upside-down markers.
|
||||
b.WriteString(fmt.Sprintf(
|
||||
`;var _mk=m._via_markers[%[1]s],_f=rot>90||rot<-90;`+
|
||||
`if(_f)rot=rot>0?rot-180:rot+180;`+
|
||||
`_mk.setRotation(rot);`+
|
||||
`var _ch=_mk.getElement().firstElementChild;`+
|
||||
`if(_ch)_ch.style.transform=_f?'scaleX(-1)':''`,
|
||||
jsonStr(markerID)))
|
||||
} else if mk.RotationSignal != nil {
|
||||
b.WriteString(fmt.Sprintf(`;m._via_markers[%s].setRotation(rot)`, jsonStr(markerID)))
|
||||
}
|
||||
b.WriteString(`}`)
|
||||
return b.String()
|
||||
}
|
||||
|
||||
// addMarkerJS generates a self-contained IIFE to add a marker post-render.
|
||||
func addMarkerJS(mapID, markerID string, mk Marker) string {
|
||||
func addMarkerJS(mapID, markerID string, mk Marker, events []markerEventEntry) string {
|
||||
var b strings.Builder
|
||||
b.WriteString(fmt.Sprintf(
|
||||
`(function(){var map=window.__via_maps&&window.__via_maps[%s];if(!map)return;`,
|
||||
@@ -271,6 +353,9 @@ func addMarkerJS(mapID, markerID string, mk Marker) string {
|
||||
`if(map._via_markers[%[1]s]){map._via_markers[%[1]s].remove();delete map._via_markers[%[1]s];}`,
|
||||
jsonStr(markerID)))
|
||||
b.WriteString(markerBodyJS(mapID, markerID, mk))
|
||||
for _, ev := range events {
|
||||
b.WriteString(markerEventListenerJS(mapID, ev))
|
||||
}
|
||||
b.WriteString(`})()`)
|
||||
return b.String()
|
||||
}
|
||||
@@ -293,7 +378,7 @@ func popupBodyJS(popupID string, p Popup) string {
|
||||
}
|
||||
|
||||
// showPopupJS generates a self-contained IIFE to show a popup post-render.
|
||||
func showPopupJS(mapID, popupID string, p Popup) string {
|
||||
func showPopupJS(mapID, popupID string, p Popup, events []popupEventEntry) string {
|
||||
var b strings.Builder
|
||||
b.WriteString(fmt.Sprintf(
|
||||
`(function(){var map=window.__via_maps&&window.__via_maps[%s];if(!map)return;`,
|
||||
@@ -303,6 +388,9 @@ func showPopupJS(mapID, popupID string, p Popup) string {
|
||||
`if(map._via_popups[%[1]s]){map._via_popups[%[1]s].remove();delete map._via_popups[%[1]s];}`,
|
||||
jsonStr(popupID)))
|
||||
b.WriteString(popupBodyJS(popupID, p))
|
||||
for _, ev := range events {
|
||||
b.WriteString(popupEventListenerJS(mapID, ev))
|
||||
}
|
||||
b.WriteString(`})()`)
|
||||
return b.String()
|
||||
}
|
||||
@@ -323,11 +411,50 @@ func popupConstructorJS(p Popup, varName string) string {
|
||||
if p.MaxWidth != "" {
|
||||
opts += fmt.Sprintf(`maxWidth:%s,`, jsonStr(p.MaxWidth))
|
||||
}
|
||||
if p.CloseOnClick != nil {
|
||||
if *p.CloseOnClick {
|
||||
opts += `closeOnClick:true,`
|
||||
} else {
|
||||
opts += `closeOnClick:false,`
|
||||
}
|
||||
}
|
||||
if p.CloseOnMove != nil {
|
||||
if *p.CloseOnMove {
|
||||
opts += `closeOnMove:true,`
|
||||
} else {
|
||||
opts += `closeOnMove:false,`
|
||||
}
|
||||
}
|
||||
if p.Anchor != "" {
|
||||
opts += fmt.Sprintf(`anchor:%s,`, jsonStr(p.Anchor))
|
||||
}
|
||||
if p.Offset != [2]float64{} {
|
||||
opts += fmt.Sprintf(`offset:[%s,%s],`, formatFloat(p.Offset[0]), formatFloat(p.Offset[1]))
|
||||
}
|
||||
if p.ClassName != "" {
|
||||
opts += fmt.Sprintf(`className:%s,`, jsonStr(p.ClassName))
|
||||
}
|
||||
opts += "}"
|
||||
return fmt.Sprintf(`var %s=new maplibregl.Popup(%s).setHTML(%s);`,
|
||||
varName, opts, jsonStr(p.Content))
|
||||
}
|
||||
|
||||
// popupEventListenerJS generates JS for a popup event listener.
|
||||
// Assumes `p` (the popup) is in scope.
|
||||
func popupEventListenerJS(mapID string, ev popupEventEntry) string {
|
||||
// open/close carry no spatial data — write a timestamp as change trigger.
|
||||
return fmt.Sprintf(
|
||||
`p.on(%[1]s,function(){`+
|
||||
`var el=document.getElementById(%[2]s);if(!el)return;`+
|
||||
`var inp=el.querySelector('input[data-bind=%[3]s]');`+
|
||||
`if(inp){inp.value=Date.now();inp.dispatchEvent(new Event('input',{bubbles:true}))}`+
|
||||
`});`,
|
||||
jsonStr(ev.event),
|
||||
jsonStr("_vwrap_"+mapID),
|
||||
jsonStr(ev.signal.ID()),
|
||||
)
|
||||
}
|
||||
|
||||
// --- Control JS ---
|
||||
|
||||
// controlBodyJS generates JS to add a control, assuming `map` is in scope.
|
||||
|
||||
@@ -122,13 +122,37 @@ func (m *Map) Element(extra ...h.H) h.H {
|
||||
}
|
||||
}
|
||||
|
||||
// Hidden inputs for signal-backed marker position writeback (drag → signal)
|
||||
// Hidden inputs for signal-backed marker position/rotation writeback
|
||||
for _, me := range m.markers {
|
||||
if me.marker.LngSignal != nil && me.marker.LatSignal != nil {
|
||||
children = append(children,
|
||||
h.Input(h.Type("hidden"), me.marker.LngSignal.Bind()),
|
||||
h.Input(h.Type("hidden"), me.marker.LatSignal.Bind()),
|
||||
)
|
||||
if me.marker.RotationSignal != nil {
|
||||
children = append(children,
|
||||
h.Input(h.Type("hidden"), me.marker.RotationSignal.Bind()),
|
||||
)
|
||||
}
|
||||
}
|
||||
// Hidden inputs for marker event signals
|
||||
if me.handle != nil {
|
||||
for _, ev := range me.handle.events {
|
||||
children = append(children,
|
||||
h.Input(h.Type("hidden"), ev.signal.Bind()),
|
||||
)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Hidden inputs for popup event signals
|
||||
for _, pe := range m.popups {
|
||||
if pe.handle != nil {
|
||||
for _, ev := range pe.handle.events {
|
||||
children = append(children,
|
||||
h.Input(h.Type("hidden"), ev.signal.Bind()),
|
||||
)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -285,13 +309,43 @@ func (m *Map) SetLayoutProperty(layerID, name string, value any) {
|
||||
// --- Marker methods ---
|
||||
|
||||
// AddMarker adds or replaces a marker on the map.
|
||||
func (m *Map) AddMarker(id string, marker Marker) {
|
||||
// The returned MarkerHandle can be used to subscribe to marker-level events.
|
||||
func (m *Map) AddMarker(id string, marker Marker) *MarkerHandle {
|
||||
h := &MarkerHandle{markerID: id, m: m}
|
||||
if !m.rendered {
|
||||
m.markers = append(m.markers, markerEntry{id: id, marker: marker})
|
||||
return
|
||||
m.markers = append(m.markers, markerEntry{id: id, marker: marker, handle: h})
|
||||
return h
|
||||
}
|
||||
js := addMarkerJS(m.id, id, marker)
|
||||
js := addMarkerJS(m.id, id, marker, h.events)
|
||||
m.ctx.ExecScript(js)
|
||||
return h
|
||||
}
|
||||
|
||||
// OnClick returns a MapEvent that fires when this marker is clicked.
|
||||
func (h *MarkerHandle) OnClick() *MapEvent {
|
||||
return h.on("click")
|
||||
}
|
||||
|
||||
// OnDragStart returns a MapEvent that fires when dragging starts.
|
||||
func (h *MarkerHandle) OnDragStart() *MapEvent {
|
||||
return h.on("dragstart")
|
||||
}
|
||||
|
||||
// OnDrag returns a MapEvent that fires during dragging.
|
||||
func (h *MarkerHandle) OnDrag() *MapEvent {
|
||||
return h.on("drag")
|
||||
}
|
||||
|
||||
// OnDragEnd returns a MapEvent that fires when dragging ends.
|
||||
func (h *MarkerHandle) OnDragEnd() *MapEvent {
|
||||
return h.on("dragend")
|
||||
}
|
||||
|
||||
func (h *MarkerHandle) on(event string) *MapEvent {
|
||||
sig := h.m.ctx.Signal("")
|
||||
ev := &MapEvent{signal: sig}
|
||||
h.events = append(h.events, markerEventEntry{event: event, signal: sig})
|
||||
return ev
|
||||
}
|
||||
|
||||
// RemoveMarker removes a marker from the map.
|
||||
@@ -311,13 +365,33 @@ func (m *Map) RemoveMarker(id string) {
|
||||
// --- Popup methods ---
|
||||
|
||||
// ShowPopup shows a standalone popup on the map.
|
||||
func (m *Map) ShowPopup(id string, popup Popup) {
|
||||
// The returned PopupHandle can be used to subscribe to popup events.
|
||||
func (m *Map) ShowPopup(id string, popup Popup) *PopupHandle {
|
||||
ph := &PopupHandle{popupID: id, m: m}
|
||||
if !m.rendered {
|
||||
m.popups = append(m.popups, popupEntry{id: id, popup: popup})
|
||||
return
|
||||
m.popups = append(m.popups, popupEntry{id: id, popup: popup, handle: ph})
|
||||
return ph
|
||||
}
|
||||
js := showPopupJS(m.id, id, popup)
|
||||
js := showPopupJS(m.id, id, popup, ph.events)
|
||||
m.ctx.ExecScript(js)
|
||||
return ph
|
||||
}
|
||||
|
||||
// OnOpen returns a MapEvent that fires when the popup opens.
|
||||
func (ph *PopupHandle) OnOpen() *MapEvent {
|
||||
return ph.on("open")
|
||||
}
|
||||
|
||||
// OnClose returns a MapEvent that fires when the popup closes.
|
||||
func (ph *PopupHandle) OnClose() *MapEvent {
|
||||
return ph.on("close")
|
||||
}
|
||||
|
||||
func (ph *PopupHandle) on(event string) *MapEvent {
|
||||
sig := ph.m.ctx.Signal("")
|
||||
ev := &MapEvent{signal: sig}
|
||||
ph.events = append(ph.events, popupEventEntry{event: event, signal: sig})
|
||||
return ev
|
||||
}
|
||||
|
||||
// ClosePopup closes a standalone popup on the map.
|
||||
|
||||
@@ -313,6 +313,7 @@ type Marker struct {
|
||||
Anchor string
|
||||
|
||||
// Rotation is clockwise degrees. Useful for directional icons (ships, vehicles).
|
||||
// Ignored when RotationSignal is set.
|
||||
Rotation float64
|
||||
|
||||
// Signal-backed position. When set, signals drive marker position reactively.
|
||||
@@ -320,6 +321,24 @@ type Marker struct {
|
||||
// If Draggable is true, drag updates write back to these signals.
|
||||
LngSignal *via.Signal
|
||||
LatSignal *via.Signal
|
||||
|
||||
// RotationSignal drives marker rotation reactively. When set, Rotation is ignored.
|
||||
RotationSignal *via.Signal
|
||||
|
||||
// Offset is a pixel offset from the anchor point as [x, y].
|
||||
Offset [2]float64
|
||||
|
||||
// Scale is a scaling factor for the default marker pin (0 = omit, MapLibre default 1).
|
||||
Scale float64
|
||||
|
||||
// Opacity is the marker opacity 0–1 (0 = omit, MapLibre default 1).
|
||||
Opacity float64
|
||||
|
||||
// OpacityWhenCovered is the marker opacity when behind 3D terrain (0 = omit).
|
||||
OpacityWhenCovered float64
|
||||
|
||||
// ClassName is a CSS class added to the marker container element.
|
||||
ClassName string
|
||||
}
|
||||
|
||||
// Popup describes a map popup.
|
||||
@@ -331,6 +350,23 @@ type Popup struct {
|
||||
LngLat LngLat
|
||||
HideCloseButton bool // true removes the close button (MapLibre shows it by default)
|
||||
MaxWidth string
|
||||
|
||||
// CloseOnClick controls whether the popup closes on map click.
|
||||
// nil = MapLibre default (true).
|
||||
CloseOnClick *bool
|
||||
|
||||
// CloseOnMove controls whether the popup closes on map move.
|
||||
// nil = MapLibre default (false).
|
||||
CloseOnMove *bool
|
||||
|
||||
// Anchor forces the popup anchor position ("top", "bottom", "left", "right", etc.).
|
||||
Anchor string
|
||||
|
||||
// Offset is a pixel offset from the anchor as [x, y].
|
||||
Offset [2]float64
|
||||
|
||||
// ClassName is a CSS class added to the popup container.
|
||||
ClassName string
|
||||
}
|
||||
|
||||
// --- Event data ---
|
||||
@@ -350,14 +386,40 @@ type sourceEntry struct {
|
||||
js string
|
||||
}
|
||||
|
||||
// MarkerHandle is returned by AddMarker and allows subscribing to marker events.
|
||||
type MarkerHandle struct {
|
||||
markerID string
|
||||
m *Map
|
||||
events []markerEventEntry
|
||||
}
|
||||
|
||||
type markerEventEntry struct {
|
||||
event string
|
||||
signal *via.Signal
|
||||
}
|
||||
|
||||
type markerEntry struct {
|
||||
id string
|
||||
marker Marker
|
||||
handle *MarkerHandle
|
||||
}
|
||||
|
||||
// PopupHandle is returned by ShowPopup and allows subscribing to popup events.
|
||||
type PopupHandle struct {
|
||||
popupID string
|
||||
m *Map
|
||||
events []popupEventEntry
|
||||
}
|
||||
|
||||
type popupEventEntry struct {
|
||||
event string
|
||||
signal *via.Signal
|
||||
}
|
||||
|
||||
type popupEntry struct {
|
||||
id string
|
||||
popup Popup
|
||||
id string
|
||||
popup Popup
|
||||
handle *PopupHandle
|
||||
}
|
||||
|
||||
type eventEntry struct {
|
||||
|
||||
Reference in New Issue
Block a user