Passing php var to javascript in Laravel

Question

I am trying to pass php $var to Javascript in google map script. I have address table in DB. And with controller I fetch it to view and now try to pass it in Javascript and iterate it.

But having some trouble I think my code a bit corrupted. By the way I dont have lat and lng, just addresses.

function initMap(){
        var options = {
            zoom:8,
            center:
            @foreach($address as $addr){
               {!! $addr->address !!} 
            }
            @endforeach
        }

        var map = new google.maps.Map(document.getElementById("map"), options);

        var marker = new google.maps.Marker({
            position:
                @foreach($address as $addr){
                   {!! $addr->address !!}
                }
                @endforeach
            map:map
        });

        var infoWindow = new google.maps.InfoWindow({
            content:'content here'
        });

        marker.addListener('click', function () {
            infoWindow.open(map, marker);
        })

    }

And Map API calling

<script async defer
       src="https://maps.googleapis.com/maps/api/js?key=MY-KEY&callback=initMap"></script>

controller

public function index()
{

    $address = DB::table("allestates")
        ->get();

    return view("home", compact('address'));

}

Address column in DB:

Answer 1

I see a few things that could be causing the issue

Try this:

function initMap(){
    var options = {
        zoom:8,
        center:
           '{!! $address[0]->address !!}'
    }

    var map = new google.maps.Map(document.getElementById("map"), options);

    var marker = new google.maps.Marker({
        position:
            @foreach($address as $addr)
               '{!! $addr->address !!}'
            @endforeach
        map:map
    });

    var infoWindow = new google.maps.InfoWindow({
        content:'content here'
    });

    marker.addListener('click', function () {
        infoWindow.open(map, marker);
    })

}

So first of all the @foreach (...) does not use { or }

Second you want to output any information that is not only numeric inside of quotes

Hope this helps