componentconstructors['playermarkers'] = function(dynmap, configuration) { var me = this; $(dynmap).bind('playeradded', function(event, player) { // Create the player-marker. var markerPosition = dynmap.getProjection().fromLocationToLatLng(player.location); player.marker = new L.CustomMarker(markerPosition, { elementCreator: function() { var div = document.createElement('div'); var playerImage; var markerPosition = dynmap.getProjection().fromLocationToLatLng(player.location); player.marker.setLatLng(markerPosition); // Only show player faces if canvas supported if(dynmap.canvassupport == false) configuration.showplayerfaces = false; $(div) .addClass('Marker') .addClass('playerMarker') .append(playerImage = $('') .attr({ src: 'images/player.png' })) .append($('') .addClass(configuration.smallplayerfaces?'playerNameSm':'playerName') .text(player.name)); if (configuration.showplayerfaces) { if(configuration.smallplayerfaces) { getMinecraftHead(player.account, 16, function(head) { $(head) .addClass('playericon') .prependTo(div); playerImage.remove(); }); } else { getMinecraftHead(player.account, 32, function(head) { $(head) .addClass('playericon') .prependTo(div); playerImage.remove(); }); } } if (configuration.showplayerhealth) { if(!configuration.showplayerfaces) /* Need 32 high */ playerImage.css('margin-bottom','16px'); player.healthContainer = $('
') .addClass('healthContainer') .appendTo(div); if (player.health !== undefined && player.armor !== undefined) { player.healthBar = $('
') .addClass('playerHealth') .css('width', (player.health/2*5) + 'px'); player.armorBar = $('
') .addClass('playerArmor') .css('width', (player.armor/2*5) + 'px'); $('
') .addClass('playerHealthBackground') .append(player.healthBar) .appendTo(player.healthContainer); $('
') .addClass('playerArmorBackground') .append(player.armorBar) .appendTo(player.healthContainer); } else { player.healthContainer.css('display','none'); } } return div; }}); if(dynmap.world === player.location.world) dynmap.playermarkergroup.addLayer(player.marker); }); $(dynmap).bind('playerremoved', function(event, player) { // Remove the marker. if(dynmap.map.hasLayer(player.marker)) dynmap.playermarkergroup.removeLayer(player.marker); }); $(dynmap).bind('playerupdated', function(event, player) { if(dynmap.world === player.location.world) { // Add if needed if(dynmap.map.hasLayer(player.marker) == false) dynmap.playermarkergroup.addLayer(player.marker); else { // Update the marker. var markerPosition = dynmap.getProjection().fromLocationToLatLng(player.location); player.marker.setLatLng(markerPosition); // Update health if (configuration.showplayerhealth) { if (player.health !== undefined && player.armor !== undefined) { player.healthContainer.css('display','block'); player.healthBar.css('width', (player.health/2*5) + 'px'); player.armorBar.css('width', (player.armor/2*5) + 'px'); } else { player.healthContainer.css('display','none'); } } } } else if(dynmap.map.hasLayer(player.marker)) { dynmap.playermarkergroup.removeLayer(player.marker); } }); // Remove marker on start of map change $(dynmap).bind('mapchanging', function(event) { var name; for(name in dynmap.players) { var player = dynmap.players[name]; // Turn off marker - let update turn it back on dynmap.playermarkergroup.removeLayer(player.marker); } }); // Remove marker on map change - let update place it again $(dynmap).bind('mapchanged', function(event) { var name; for(name in dynmap.players) { var player = dynmap.players[name]; if(dynmap.world === player.location.world) { if(dynmap.map.hasLayer(player.marker) == false) dynmap.playermarkergroup.addLayer(player.marker); var markerPosition = dynmap.getProjection().fromLocationToLatLng(player.location); player.marker.setLatLng(markerPosition); } else if(dynmap.map.hasLayer(player.marker)) { dynmap.playermarkergroup.removeLayer(player.marker); } } }); dynmap.playermarkergroup = new L.LayerGroup(); dynmap.map.addLayer(dynmap.playermarkergroup); dynmap.layercontrol.addOverlay(dynmap.playermarkergroup, 'Players'); };