title: How to connect Primefaces UI and JavaScript components in tags
body: <p>i´m not able to address my JavaScript component to the primefaces attributes i have. It shouldn´t be a problem to address..        </p>
  
  <pre><code>&lt;h:header&gt;
  &lt;script&gt;
      function initialize() {
          var mapx = goomap.getMap();
  
          var map = new google.maps.Map(document
                  .getElementById('form:layout:center:DataTablePanel:car2go'), mapx);
              var pointArray = new google.maps.MVCArray(taxiData);
          //i previously created taxi data and filled it
              heatmap = new google.maps.visualization.HeatmapLayer({
                  data : pointArray
              });
  
              heatmap.setMap(map);
          }
  
          google.maps.event.addDomListener(window, 'load', initialize);
      &lt;/script&gt;
  </code></pre>
  
  <p>and the body where i get the address of my attributes from:</p>
  
  <pre><code>&lt;h:body&gt;
  
  &lt;h:form id="form"&gt;
  
      &lt;p:layout id="layout"&gt;
  
  
          &lt;p:layoutUnit id="center" position="center" size="70%"&gt;
  
  
              &lt;p:outputPanel id="DataTablePanel"&gt;
  
  
  
                      &lt;p:gmap id="car2go" center="37.782551, -122.445368" zoom="13"
                          type="HYBRID" style="width:600px;height:400px" widgetVar="goomap"
                          fitBounds="true" /&gt;
              &lt;/p:outputPanel&gt;
  
  
          &lt;/p:layoutUnit&gt;
  
      &lt;/p:layout&gt;
  &lt;/h:form&gt;
  &lt;/h:body&gt;
  </code></pre>