title: Script tag within Custom Element
body: <p>I am creating a custom element using Polymer that uses the Google Map's api. I want this element to take care of including the Google Map's script tag.</p>
  
  <p>Where should this go within the Custom Element? Simply putting it at the top of the page throws a cross-origin issue.</p>
  
  <pre><code>&lt;script src="http://maps.google.com/maps/api/js?sensor=false"&gt;&lt;/script&gt;
  
  &lt;link rel="import" href="../bower_components/polymer/polymer.html"&gt;
  
  &lt;polymer-element name="google-map" noscript&gt;
      &lt;template&gt;
          &lt;div id="stage"&gt;&lt;/div&gt;
      &lt;/template&gt;
  
      &lt;script&gt;
          Polymer('google-map', {
              ready: function() {
                  new google.maps.Map(this.$.stage, {
                      zoom: 15,
                      center: new google.maps.LatLng(0, 0),
                      mapTypeId: google.maps.MapTypeId.ROADMAP,
                      overviewMapControl: false,
                      panControl: false,
                      rotateControl: false,
                      scaleControl: false,
                      streetViewControl: false,
                      draggable: false,
                      maxZoom: 21
                  });
              }
          });
      &lt;/script&gt;
  &lt;/polymer-element&gt;
  </code></pre>