javascript - 无法在 Laravel 5 中显示 Google map

Question

当我在浏览器中显示空白页面时，尝试使用 javascript 通过blade.php 文件显示Google map 。这是 Controller 代码

 class ItemsController extends Controller {
   public function map(){
      $items = Item::all();
      return view('items.map',compact('items'));
}

}

和blade.php代码

@extends('app')
@section('content')
    <div class="container">
        <div class="row">
            <div id="map-canvas"></div>
        </div>
    </div>

    <script type="text/javascript">

        var mapOptions ={
            zoom :4,
            center:new google.maps.LatLng({{$items[0]->location}})
        }
        var map = new google.maps.Map(document.getElementById("map-canvas"),mapOptions);;

        @foreach($items as $item)
            var marker{{$item->id}}=new google.maps.Marker({
            position: new google.maps.LatLng({{$item->location}}),
            map:map,
            title:"{{$item->title}}"
        });
        @endforeach

    </script>

数据库迁移文件在这里:

public function up()
    {
        Schema::create('items', function(Blueprint $table)
        {
            $table->increments('id');

            $table->string('title');
            $table->timestamps();
        });
        DB::statement('ALTER TABLE items ADD location POINT');
    }

Answer 1

你可以试试这个

[https://github.com/fwartner/maps]

节省大量时间。