Question

我正在尝试在laravel.using google api中的视图上查看google-map，我使用了象牙色 - 谷歌地图https://github.com/egeloen/ivory-google-map/blob/master/doc/map.md

我设法在控制器中渲染地图。我需要的是用一些其他数据将其返回到视图。这是我的控制器。

public function create（） {

    $map = new Map();
    $map->setAutoZoom(false);

    $map->setCenter(new Coordinate(7.322723, 79.988258));

    $map->setMapOption('zoom', 10);
    $map->setAutoZoom(false);
    $map->setStylesheetOption('width', 600);
    $map->setStylesheetOption('height', 600);
    $map->setStylesheetOption('position', 'absolute');


    $map->setBound(new Bound(new Coordinate(7, 70), new Coordinate(7.3235001, 79.988258)));
    $map->getOverlayManager()->addMarker(new Marker(new Coordinate(7.322723, 79.988258)));

    $scaleControl = new ScaleControl(
        ControlPosition::BOTTOM_RIGHT,
        ScaleControlStyle::DEFAULT_
    );


    $map->getControlManager()->setScaleControl($scaleControl);

    $mapHelper = MapHelperBuilder::create()->build();
    $apiHelper = ApiHelperBuilder::create()
        ->setKey('AIzaSyA7pPqtVUC-JWLM89E7Rko')
        ->build();

    $map->setHtmlId('map_canvas2');


   echo $apiHelper->render([$map]);
   echo  $apiHelper->render([$map]);



    $materials = Material::pluck('mat_name','mat_price');
    return view('order.create', compact('materials');
}

地图出现在视图中，随着数据 - 材料。但是地图位于页面的顶部，我认为这是因为控制器中的回声。我尝试使用

   return view('order.create', compact('materials')->with('maps',$map);

但仍然没有运气。

我需要在一个单独的div上显示此地图，而不是浏览器的顶部。这会影响我的其他风格。

无论如何我能做到这一点。这是我的观点，

    <div class="row">
    <div class="col-md-6 col-md-offset-1 margin-tb align-center">
        <div class="pull-left">
            <h2>Place New Oder</h2>
        </div>
        <div class="pull-right">
            <a class="btn btn-primary" href="{{ route('order.index') }}"> Back</a>
        </div>
    </div>
    <div class="col-md-5  margin-tb align-center">
    <div id="map_canvas2">

    </div>

    </div>
    </div>

我希望它出现在＃map_canvas2上。任何人都可以提出答案

Answer 1

从控制器中删除echo。

尝试将$apiHelper传递给您的视图，然后：

<div id="map_canvas2">
    {{ $apiHelper->render([$maps]) }}
</div>

Answer 2

我找到了答案，我发送apiHelper，mapHelper到视图，然后回显它们，并且它有效，

 return view('order.create', compact('materials'))
     ->with('apiHelper',$apiHelper)
     ->with('map',$map)
     ->with('mapHelper',$mapHelper);

感谢@Camilo的帮助！

将$ map变量返回到控制器象牙图laravel的视图

2 个答案: