Optionally add player health bars to map markers.

configuration.txt

@@ -117,6 +117,7 @@ web:
         messagettl: 5
       - type: playermarkers
         showplayerfaces: true
+        showplayerhealth: true
       #- type: digitalclock
       - type: timeofdayclock
         showdigitalclock: true

web/css/dynmap_style.css

@@ -529,6 +529,19 @@
     border-radius: 3px;
 }
 
+.dynmap .playerHealth {
+	position: absolute;
+	bottom: 3px;
+	left: 34px;
+	height: 11px;
+
+	background: url(../images/heart.png) rgba(0,0,0,0.6) repeat-x left center;
+	padding: 1px 0;
+
+	-moz-border-radius: 3px;
+	border-radius: 3px;
+}
+
 
 /*******************
  * Compass

web/js/map.js

@@ -452,7 +452,8 @@ DynMap.prototype = {
 		var me = this;
 		var player = me.players[update.name] = {
 				name: update.name,
-				location: new Location(me.worlds[update.world], parseFloat(update.x), parseFloat(update.y), parseFloat(update.z))
+				location: new Location(me.worlds[update.world], parseFloat(update.x), parseFloat(update.y), parseFloat(update.z)),
+				health: update.health
 		};
 		
 		$(me).trigger('playeradded', [ player ]);
@@ -494,6 +495,7 @@ DynMap.prototype = {
 	updatePlayer: function(player, update) {
 		var me = this;
 		var location = player.location = new Location(me.worlds[update.world], parseFloat(update.x), parseFloat(update.y), parseFloat(update.z));
+		player.health = update.health;
 		
 		$(me).trigger('playerupdated', [ player ]);
 		

web/js/playermarkers.js

@@ -22,6 +22,12 @@ componentconstructors['playermarkers'] = function(dynmap, configuration) {
 					playerImage.remove();
 				});
 			}
+			if (configuration.showplayerhealth) {
+				player.healthBar = $('<div/>')
+					.addClass('playerHealth')
+					.css('width', (player.health/2*9) + 'px')
+					.appendTo(div);
+			}
 		});
 	});
 	$(dynmap).bind('playerremoved', function(event, player) {
@@ -33,5 +39,8 @@ componentconstructors['playermarkers'] = function(dynmap, configuration) {
 		var markerPosition = dynmap.map.getProjection().fromWorldToLatLng(player.location.x, player.location.y, player.location.z);
 		player.marker.toggle(dynmap.world === player.location.world);
 		player.marker.setPosition(markerPosition);
+		// Update health
+		if (configuration.showplayerhealth)
+			player.healthBar.css('width', (player.health/2*9) + 'px');
 	});
 };