ryan/via
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases 12 Wiki Activity

style: simplify container ship SVG marker #12

Merged
ryan merged 1 commits from worktree-custom-markers into main 2026-02-20 20:56:08 +00:00
Conversation 0 Commits 1 Files Changed 1 +8 -20
1 changed files with 8 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
internal/examples/maplibre/main.go
View File

@@ -78,26 +78,14 @@ func main() {
// Custom SVG container ship marker (static) // Custom SVG container ship marker (static)
m.AddMarker("ship", maplibre.Marker{ m.AddMarker("ship", maplibre.Marker{
LngLat: maplibre.LngLat{Lng: -122.38, Lat: 37.80}, LngLat: maplibre.LngLat{Lng: -122.38, Lat: 37.80},
Element: `<svg width="48" height="48" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">` + Element: `<svg width="48" height="28" viewBox="0 0 80 44" xmlns="http://www.w3.org/2000/svg">` +
// hull `<path d="M2 30 L10 42 L70 42 L78 30 Z" fill="#1b3a5c"/>` +
`<path d="M4 42 L12 54 L52 54 L60 42 Z" fill="#1b3a5c" stroke="#0e2340" stroke-width="1"/>` + `<rect x="12" y="24" width="56" height="6" rx="1" fill="#2c5f8a"/>` +
// deck `<rect x="18" y="14" width="46" height="10" rx="1" fill="#2c5f8a" stroke="#1b3a5c" stroke-width="0.5"/>` +
`<rect x="14" y="36" width="36" height="6" rx="1" fill="#2c5f8a"/>` + `<rect x="8" y="12" width="9" height="12" rx="1" fill="#d5dfe8" stroke="#2c5f8a" stroke-width="0.5"/>` +
// containers row 1 `<rect x="9.5" y="13" width="6" height="4" rx="0.5" fill="#85c1e9"/>` +
`<rect x="16" y="26" width="7" height="10" rx="0.5" fill="#e74c3c"/>` + `<rect x="10" y="4" width="5" height="8" rx="0.5" fill="#1b3a5c"/>` +
`<rect x="24" y="26" width="7" height="10" rx="0.5" fill="#2ecc71"/>` + `<rect x="9.5" y="2" width="6" height="3" rx="0.5" fill="#c0392b"/>` +
`<rect x="32" y="26" width="7" height="10" rx="0.5" fill="#f39c12"/>` +
`<rect x="40" y="26" width="7" height="10" rx="0.5" fill="#3498db"/>` +
// containers row 2
`<rect x="20" y="17" width="7" height="9" rx="0.5" fill="#e67e22"/>` +
`<rect x="28" y="17" width="7" height="9" rx="0.5" fill="#1abc9c"/>` +
`<rect x="36" y="17" width="7" height="9" rx="0.5" fill="#e74c3c"/>` +
// bridge
`<rect x="8" y="22" width="7" height="14" rx="1" fill="#d5dfe8" stroke="#2c5f8a" stroke-width="0.5"/>` +
`<rect x="9" y="23" width="5" height="4" rx="0.5" fill="#85c1e9"/>` +
// funnel
`<rect x="9" y="14" width="5" height="8" rx="0.5" fill="#1b3a5c"/>` +
`<rect x="8.5" y="12" width="6" height="3" rx="0.5" fill="#e74c3c"/>` +
`</svg>`, `</svg>`,
Anchor: "center", Anchor: "center",
Rotation: 45, Rotation: 45,