\documentclass[12pt]{article}
\usepackage{tikz}
\usepackage{verbatim}
\usetikzlibrary{positioning}
\begin{document}
\pagestyle{empty}
 \begin{tikzpicture}[scale=.9,every node/.style={minimum size=1cm},on grid]
    \begin{scope}[
           yshift=-170,every node/.append style={
           yslant=0.5,xslant=-1},yslant=0.5,xslant=-1
           ]
       \fill[white,fill opacity=0.9] (0,0) rectangle (8,8);
       \draw[black,very thick] (0,0) rectangle (8,8);
       \fill[green!70!black] (0,0) rectangle (8,8); 
\filldraw[blue] (0,1) -- (2,3) -- (6.5,6.5) -- (7.5,8) -- (8,8) -- (8,7.5) -- (2.5,2.5) -- (1,0) -- (0,0);
\filldraw[red!80!black] (3,1) -- (2.8, 1.2) -- (3.2,1.8) -- (3.4,2) -- (4.2,2.2) -- (3.8,.9) ;
\filldraw[red!80!black] (6.2,4.2) -- (5.7,4.8) --  (5.8,5.2) -- (7,5) -- (7.2,4.8) -- (7.3,4.1) -- (7,4) ;
\filldraw[red!80!black] (1.6,5.1) -- (2.2,5.8) -- (3.2,6.1) -- (4.2,6.1) -- (3.7,4.8) ;
\filldraw[lightgray] (5.7,0.4) -- (5.5,1.1) -- (6.1,1.9) -- (7.1,2.5) -- (7.2,0.6) ;
\filldraw[lightgray] (5,7) -- (4.7,7.9) -- (6.4,7.8) -- (6.2,7.3) -- (6,7) ;
  \end{scope}
   \begin{scope}[
           yshift=0,every node/.append style={
           yslant=0.5,xslant=-1},yslant=0.5,xslant=-1
           ]
       \draw[black,very thick] (0,0) rectangle (8,8);
       \fill[green!70!black] (0,0) rectangle (8,8); 
     \filldraw[blue] (0,0) -- (0,1) --(0.5,1) --(0.5,1.5) -- (1,1.5) -- (1,2) --(1.5,2) --(1.5,2.5)--(2,2.5) --(2,3) --(2.5,3)--(2.5,3.5)--(3,3.5)--(3,4)--(3.5,4)--(3.5,4.5)--(4.5,4.5)--(4.5,5)--(5,5)--(5,5.5)--(5.5,5.5)--(5.5,6)--(6,6)  --(6,6.5)--(6.5,6.5)--(6.5,7)--(7,7)--(7,7.5)--(7.5,7.5)--(7.5,8) -- (8,8) --(8,7.5) --(7.5,7.5) --(7.5,7) --(7.5,6.5)  --(6.5,6.5) -- (6.5,6) -- (6,6)-- (6,5.5)-- (5.5,5.5)-- (5.5,5) -- (5,5) -- (5,4.5) --(4.5,4.5) -- (4.5,4) --(3.5,4) --(3.5,3.5) -- (3.5,3) --(3,3) -- (2.5,3) -- (2.5,2.5) --(2,2.5) -- (2,2) --(2,1.5) -- (1.5,1.5)--(1.5,.5)--(1,0.5) --(1,0);
	  \filldraw[red!80!black] (3,1) --  (3,2) -- (4,2) -- (4,1) ;
	  \filldraw[red!80!black] (6,4.5) -- (5.5,4.5) -- (5.5,5) -- (7,5) -- (7,4.5) -- (7.5,4.5) -- (7.5,4) -- (6,4) ;
	  \filldraw[red!80!black] (2,5) -- (2,5.5) -- (2.5,5.5) -- (2.5,6) -- (4,6) -- (4,5)  ;
	  \filldraw[lightgray] (5.5,0.5) -- (5.5,1.5) -- (6,1.5) -- (6,2) -- (7,2) -- (7,0.5) ;
	  \filldraw[lightgray] (5,7) -- (5,8) -- (6.5,8) -- (6.5,7.5) -- (6,7.5) -- (6,7) ;
        \draw[step=5mm, black] (0,0) grid (8,8); %defining raster grid
   \end{scope}
    \draw[very thick,gray!70!black](3,-5.5)node[right]{\huge{vector data}} ;
   \draw[very thick,gray!70!black](3,7.5)node[right]{\huge{raster data}} ;
    \draw[-latex,very thick,black](-7,-5)node[left]{\Large{river}}to[out=0,in=180] (-.5,-2);
   \draw[-latex,very thick,black](-7,-5)node[left]{ }to[out=0,in=210] (0,.75);
    \draw[-latex,very thick,black](-7,7)node[left]{\Large{urban area}}to[out=0,in=160] (-2.8,6.7);
   \draw[-latex,very thick,black](-7,7)node[left]{ }to[out=0,in=180] (-2.8,.4);
 \end{tikzpicture}
\end{document}