Javascript 自定义元素中的脚本标记

我正在使用使用谷歌地图api的聚合物创建一个自定义元素。我希望这个元素包括谷歌地图的脚本标签

这应该放在自定义元素中的什么位置？简单地把它放在页面顶部就会引发一个跨来源问题

<script src="http://maps.google.com/maps/api/js?sensor=false"></script>

<link rel="import" href="../bower_components/polymer/polymer.html">

<polymer-element name="google-map" noscript>
    <template>
        <div id="stage"></div>
    </template>

    <script>
        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
                });
            }
        });
    </script>
</polymer-element>

聚合物（“谷歌地图”{
就绪：函数（）{
新的google.maps.Map（这个.stage{
缩放：15，
中心：新google.maps.LatLng（0,0），
mapTypeId:google.maps.mapTypeId.ROADMAP，
overviewMapControl:错误，
泛控制：错误，
旋转控制：错误，
scaleControl:false，
街景控制：错误，
可拖动：错误，
最大缩放：21
});
}
});

Fwiw，我相信规范中当前的豁免是

将在进口中限制CORS

你可以在谷歌地图元素中看到我们是如何处理这个问题的：

关于将这种类型的加载机制本身推广到组件中，已经有一些想法，但是还没有人执行