javascript - 在 Laravel 中将 php var 传递给 javascript

Question

我正在尝试将 php $var 传递给谷歌地图脚本中的 Javascript。我在数据库中有地址表。使用 Controller ，我获取它以查看，现在尝试在 Javascript 中传递它并迭代它。

但是遇到了一些麻烦，我认为我的代码有点损坏。顺便说一下，我没有经纬度，只有地址。

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);
        })

    }

和Map API调用

<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'));

}

DB 中的地址列:

Answer 1

我看到一些可能导致问题的原因

试试这个:

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);
    })

}

所以首先 @foreach (...) 不使用 { 或 }

其次，您想要输出引号内不仅仅是数字的任何信息

希望对你有帮助