Laravel 5.4 Blade Javascript Google地图-使用多个变量插入@foreach

<!-- 在Blade模板中 -->
<div id="map"></div>

@foreach($locations as $location)
    <script>
        var lat = {{ $location->latitude }};
        var lng = {{ $location->longitude }};
        var marker = new google.maps.Marker({
            position: {lat: lat, lng: lng},
            map: map
        });
    </script>
@endforeach

<!-- 在JavaScript中 -->
<script>
    function initMap() {
        var map = new google.maps.Map(document.getElementById('map'), {
            center: {lat: 0, lng: 0},
            zoom: 10
        });
    }
    initMap();
</script>