Picture [][] map; //I just made up a random class for it
int playerx, playery; // players coordinates

// Now what you do is set the array to the map size. For instance, in the language I'm working in, if you had a 10 x 10 grid:
map = new Picture [10][10];

set_pictures {
        // usually, you'll save you map in a text file. In this case you might have a 10 x 10 grid of letters, and each letter means a certain kind of picture
        for (int i = 0; i < 10; i ++) {
                for (int j = 0; j < 10; j ++) {
                        // What we're doing here is getting the string at i, j in the text file. The easiest way to to have this directly relate to a picture.
                        // Just note you'll also have to understand text file reading. Alternatively, you could just hard code the map types into the program
                        map [i][j] = NewPic (textfile (i, j) + ".jpg");
                }
        }
}

loop {
        // In this example, we'll set the screen width and height to five pictures max. Also in this example, we'll say we want the character to always be center screen. Makes sense for rpgs.

        if (UpKeyPressed) {
                playery += 1;
        }
        else if (DownKeyPressed) {
                playery -= 1;
        }

        if (RightKeyPressed) {
                playerx += 1;
        }
        else if (LeftKeyPressed) {
                playerx -= 1;
        }

        for (int i = 0; i < 10; i ++) {
                for (int j = 0; j < 10; j ++) {
                        // Note here, that we're working in a 5 x 5 grid on the screen. Therefore for the map to be within range, it has to be the same, 1 or 2 away. Any more and it's out of screen.
                        if (abs (i - playerx) < 3 && abs (j - playery) < 3) {
                                // This is a procedure I made, up, takes in a picture, and an x and y coordinate.
                                DrawPic (map [i][j], i - playerx, j - playery);
                        }
                }
        }
}