code: @Override
  	public void encodeBegin(FacesContext context, UIComponent component) throws IOException {
  		
  		if (!component.isRendered()) {
  			return;
  		}
  		OpenStreetMap openStreetMap = (OpenStreetMap) component;
  
  		ResponseWriter rw = context.getResponseWriter();
  		String clientId = openStreetMap.getClientId();
  
  		rw.startElement("div", openStreetMap);
  		rw.writeAttribute("id", clientId, "id");
  		rw.writeAttribute("style", "width:" + openStreetMap.getWidth() + "; height:" + openStreetMap.getHeight(), null);
  
  	}
docs: This methods generates the HTML code of the current b:openStreetMap.
  <code>encodeBegin</code> generates the start of the component. After the, the
  JSF framework calls <code>encodeChildren()</code> to generate the HTML code
  between the beginning and the end of the component. For instance, in the case
  of a panel component the content of the panel is generated by
  <code>encodeChildren()</code>. After that, <code>encodeEnd()</code> is called
  to generate the rest of the HTML code.
  
  @param context   the FacesContext.
  @param component the current b:openStreetMap.
  @throws IOException thrown if something goes wrong when writing the HTML
  code.