Band-aid playermarkers on IE8

web/index.html

@@ -15,9 +15,9 @@
 	<link rel="icon" href="images/dynmap.ico" type="image/ico" />
 
 	<script type="text/javascript" src="js/jquery.min.js"></script>
-
-	<script type="text/javascript" src="js/leaflet.js"></script>
 	<link rel="stylesheet" type="text/css" href="css/leaflet.css" />
+	<script type="text/javascript" src="js/leaflet.js"></script>
+
 	<script type="text/javascript" src="js/custommarker.js"></script>
 
 	<script type="text/javascript" src="js/dynmaputils.js"></script>

web/js/map.js

@@ -40,6 +40,7 @@ DynMap.prototype = {
     inittime: new Date().getTime(),
 	followingPlayer: '',
 	missedupdates: 0,
+	canvassupport: !!document.createElement('canvas').getContext,
 	formatUrl: function(name, options) {
 		var url = this.options.url[name];
 		$.each(options, function(n,v) {
@@ -127,6 +128,9 @@ DynMap.prototype = {
 			$(me).trigger('zoomchanged');
 		};
 		
+		if(me.canvassupport == false)
+			me.options.showplayerfacesinmenu = false;
+			
 		/*google.maps.event.addListener(map, 'dragstart', function(mEvent) {
 			me.followPlayer(null);
 		});*/

web/js/playermarkers.js

@@ -10,6 +10,10 @@ componentconstructors['playermarkers'] = function(dynmap, configuration) {
 			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')