Gleipnir/nidus-sync
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Show precise html marker on stadia test

Browse source
This commit is contained in:
Eli Ribble 2026-02-13 19:20:01 +00:00
parent 62c724b5c2
commit 38432a18c1
No known key found for this signature in database
1 changed files with 18 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

19
html/template/sync/stadia.html
View file

@ -30,10 +30,27 @@
<script type="text/javascript">
var map = new maplibregl.Map({
container: "map",
style: "https://tiles.stadiamaps.com/styles/alidade_smooth.json", // Style URL; see our documentation for more options
style: "https://tiles.stadiamaps.com/styles/alidade_satellite.json", // Style URL; see our documentation for more options
center: [12, 53], // Initial focus coordinate
zoom: 4,
});
map.on("load", () => {
//let coords = [-119.3444741, 36.3260431 ];
let coords = [-119.34384512198031, 36.3260431000042];
map.jumpTo({
center: coords,
zoom: 19,
});
const marker = new maplibregl.Marker({
color: "#FF0000",
draggable: true,
})
.setLngLat(coords)
.addTo(map);
marker.on("dragend", (e) => {
console.log("Marker moved to", e);
});
});
// MapLibre GL JS does not handle RTL text by default,
// so we recommend adding this dependency to fully support RTL rendering if your style includes RTL text