Troispoils/ac2re.weblivemap
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update index with ThreeJS

Browse source 
+ add id in NPC marker.
This commit is contained in:
troispoils 2024-05-09 17:35:24 +02:00
parent 53c106acce
commit 8b52d69ae9
2 changed files with 14 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

8
public/index.html
View file

@ -7,6 +7,14 @@
<link rel="stylesheet" href="/scripts/dist/MarkerCluster.css" />
<link rel="stylesheet" href="/scripts/dist/MarkerCluster.Default.css" />
<script src="/scripts/dist/leaflet.markercluster-src.js"></script>
<script type="importmap">
{
"imports": {
"three": "https://cdn.jsdelivr.net/npm/three@0.164.1/build/three.module.js",
"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.164.1/examples/jsm/"
}
}
</script>
<link rel="stylesheet" href="/style/style.css" />
</head>

7
public/scripts/overlays/overlaysNpc.js
View file

@ -6,13 +6,18 @@ export default async function getOverlayNpc() {
var markers = L.markerClusterGroup({
chunkedLoading: true,
disableClusteringAtZoom: 8,
spiderfyOnMaxZoom: false,
showCoverageOnHover: false,
zoomToBoundsOnClick: false
});
const layerNpc = L.layerGroup();
const response = await fetch(url);
const data = await response.json();
let npcLoc = [];
data.forEach((npc) => {
markers.addLayer(L.marker([npc.locy, npc.locx], { icon: customIcons.yellowNpc, id: npc.entityid }).bindPopup(npc.literalValue));
markers.addLayer(L.marker([npc.locy, npc.locx], { icon: customIcons.yellowNpc, id: npc.entityid }).bindPopup(npc.literalValue).on('click', function (a) {
console.log('marker ' + this.options.id);
}));
});
return markers;
} catch (error) {