Move player markers to their own pane

src/components/map/layer/PlayersLayer.vue

@@ -21,11 +21,15 @@ export default defineComponent({
 		}
 	},
 
-	setup() {
+	setup(props) {
+		props.leaflet.createPane('players');
+
 		const store = useStore(),
 			players = computed(() => store.state.players),
 			componentSettings = store.state.components.playerMarkers,
-			layerGroup = new LayerGroup();
+			layerGroup = new LayerGroup([],{
+				pane: 'players'
+			});
 
 		return {
 			players,

src/components/map/marker/PlayerMarker.vue

@@ -68,6 +68,8 @@ export default defineComponent({
 			showSkinFace: this.componentSettings!.showSkinFaces,
 			showBody: this.componentSettings!.showBodies,
 			showHealth: this.componentSettings!.showHealth,
+			interactive: false,
+			pane: 'players',
 		});
 
 		if(this.currentWorld && this.currentWorld.name === this.player.location.world) {