title: Constructing a HTML View in GWT (Google App Engine) with Google Maps V2, Facebook Comments, etc - layout?
body: <p>Hi Im new to GWT and Google App Engine. Im trying to layout which looks like the image. However, Im not sure whats the best way to achieve this.</p>
  
  <p><img src="https://i.stack.imgur.com/1pkRO.png" alt="enter image description here"></p>
  
  <p>There are several ways according to GWT documentation such as: UIBinder, Layout Panels (Im using this approach in the image).... etc.</p>
  
  <p>However, my UI is not that complicated. I have a div with the navigation bar on top, a div with a map(Javascript, a div with Facebook comments(javascript), and a div with some functionality which I wrote for ratings etc.</p>
  
  <p>Thus mostly this webpage invokes a lot of javascript and third party stuff.</p>
  
  <p>Here is some code that accomplishes this</p>
  
  <pre><code>        String header = "&lt;div&gt;&lt;h3&gt;Navigation bar here&lt;/h3&gt;&lt;/div&gt;";
      String east = "&lt;div&gt;&lt;h3&gt;Rating System here&lt;/h3&gt;&lt;/div&gt;";
      String south = "&lt;div&gt;&lt;h3&gt;Facebook comments here&lt;/h3&gt;&lt;/div&gt;";
  
  
      dock.addNorth(new HTML(header), 75);
  
      dock.addSouth(new HTML(south),50);
      dock.addEast(new HTML(east), 300);
      dock.add(map);
  
      RootLayoutPanel.get().add(dock);
  </code></pre>
  
  <p>I tried entering some Javascript in that html string to be added to the map. However, it didnt show up on the view. Seems like the html only works if its text, is that caorrect?</p>
  
  <p>Whats the best way to construct this in GWT?</p>
  
  <p>Could someone please point me to some examples of code/ tutorials?</p>
  
  <p>Thanks</p>