剃刀 – 我应该在哪里包含视图组件的脚本？

Jake Shakesworth实现了一个标签助手,如下所示：
Javascript in a View Component

另一方面,您可以将它作为一个包含在viewcomponent中

<script defer src"...">
  </script>

我的要求是从viewcomponent显示谷歌地图.问题是脚本是在jquery,jquery.ui之前调用的.
通过使用延迟,您告诉解析器在文档加载之前不执行它,从而避免了必须将其放入布局中以便正确执行的问题.
延迟由chrome,safari支持,即(10),ff(3.6),o(15)

希望这可以帮助

这是我的代码示例：

@using MobileVet.WebApp.Services;
@inject ISettingsService SettingsService
@{
     var Options = SettingsService.Value();

    <!--Service Area-->
    <div class="container-fluid">
         <div class="row p-3">
            <!--First column-->
            <div class="col-md-3">
                <h5 class="title">Site Navigation</h5>
                <ul>
                    <li><a href="#!">Home</a></li>
                    <li><a href="#!">Services</a></li>
                    <li><a href="#!">Link 3</a></li>
                    <li><a href="#!">Link 4</a></li>
                </ul> 

            </div>
            <!--/.First column-->
            <hr class="w-100 clearfix d-md-none">

            <!--Second column-->
            <div class="col-md-9">

                <div id="map-canvas" style="min-height: 300px; min-width: 200px;"> 
                </div>
            </div>
            <!--/.Second column-->

        </div>
    </div>
    <!--Service Area-->


<script src="http://maps.google.com/maps/api/js?key=XXXXXXXXXXXXXXXXXXXXXXX&sensor=false"></script>
<script type="text/javascript" src="~/js/components/servicearea.js" defer ></script>

}

请注意,如果视图组件在页面上出现多次,您可能需要编写一些逻辑来防止脚本被多次包含,这不是我的情况