window.onload = function()
{
var element = document.getElementById('map_view');
element.width = 640;
element.height = 640;

var ctx = element.getContext('2d');

         var map = {
             id_map: 0,
             tile_width: 80,
             tile_height: 80,
             w_cell: 8,
             h_cell: 8
         }

         var image = new Image();

         var width = map.tile_width;
         var height = map.tile_height;

         $.ajax({
             url: "load.php",
             dataType: 'json',
             success: function (data)
             {
                 DrawMap(data);
             }
         });

         function draw(x, y, image) {
             ctx.drawImage(image, x - width / 2, y - height / 2, width, height);
         }

         function DrawMap(mapCord)
         {
             var Xo = 0;
             var Yo = 0;

             var C = Math.floor(element.width / 2);

             var Xc = 0;

             for(var y = 0; y < map.h_cell; y++) {

                 Yo = (height / 4) * y;
                 Xc = C - (width / 2 * y);

                 for(var x = 0; x < map.w_cell; x++) { //Отрисовка ячеек
                     Xo = Xc + (x * (width / 2));
                     Yo += height / 4;
                     image.src = mapCord[x][y];
                     draw(Xo, Yo, image);
             }
         }
}
}

<?php
//Connection to database
$connect = mysql_connect('localhost','root','');
$db = mysql_select_db('namedb');
$w_cell = 8;
$h_cell = 8;
$map = array();
//$i = map_y
//$j = map_x

         for ($i = 0; $i < $h_cell; $i++)
         {
             for($j = 0; $j < $w_cell; $j++)
             {
                 $sql = mysql_query("SELECT * FROM map WHERE map_x = $j and map_y = $i");
                 $result = mysql_fetch_array($sql);
                 $map[$i][$j] = "img/env_".$result['img_id'].".gif";
             }
         }
echo json_encode($map);
?>