map.html
<!doctype html>
 
<html lang="en">
<head>
    <meta charset="utf-8">
 
    <title>Real-Time Display of Players on Azeroth</title>
 
    <meta name="description" content="Real-Time Display of Players on Azeroth">
    <meta name="author" content="Wizardry and Steamworks">
 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script type="text/javascript">
    function showCharacters() {
        $.ajax({
            type: 'POST',
            url: "map.php",
            cache: false,
            timeout: 60000
        }).done(function(data) {
            if(data != null && data != '') {
                $('#texture').attr(
                    'src',
                    "data:image/png;base64," + data
                );
            }
            setTimeout(showCharacters, 1000);
        });
    }
    $(document).ready(function () {
        showCharacters();
    });
    </script>
</head>
 
<body>
    <div id="container" align="center">
        <img src="" align="middle" id="texture">
    </div>
</body>
</html>