Laravel。将Js函数从刀片移动到资源/ js

Question

在控制器中，我有

 $markers = Marker::all();

 return view('home', ['markers' => $markers]);

在home.blade中，我有下一个js代码：

$(document).ready(function(){
        @foreach($markers as $marker)
            var lat = {{$marker->lat}};
            var lng = {{$marker->lng}};
            var id  = {{$marker->id}};
            var position = {lat:lat,lng:lng};
            marker = new google.maps.Marker({
                position: position,
                map: map,
                id: id
            });

            google.maps.event.addListener(marker, 'click', function() {
                $.ajax({
                    type    : 'GET',
                    url     : '{{action('MarkerController@getMarkerComments')}}',
                    data:{
                        _token : '{{csrf_token()}}',
                        id     : this.id
                    },
               });
        @endforeach
    });

如何通过编写方式将此代码移到resources/js/app.js中，并在<script src="{{ asset('js/app.js') }}"></script>之类的项目中使用它。