Google Maps API无法在Laravel中使用吗？

Question

如果我将google maps api示例复制并粘贴到html文件中，然后打开该文件即可使用：

但是，如果我将其放在Laravel的刀片文件中并打开它，那么它将无法正常工作。 窗口为空白，在控制台中我发现错误

TypeError：a为空[了解更多]

我唯一要做的就是将内容复制并粘贴到test.blade.php并创建一条路由

Route::get('/test', function(){
  return view('test');
});

这是我的test.blade.php的内容

<!DOCTYPE html>
<html>
  <head>
    <style>
       #map {
        height: 400px;
        width: 100%;
       }
    </style>
  </head>
  <body>
    <h3>My Google Maps Demo</h3>
    <div id="map"></div>
    <script>
      function initMap() {
        var uluru = {lat: -25.363, lng: 131.044};
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 4,
          center: uluru
        });
        var marker = new google.maps.Marker({
          position: uluru,
          map: map
        });
      }
    </script>
    <script async defer
    src="https://maps.googleapis.com/maps/api/js?key=**mysupersaveapikey**&callback=initMap">
    </script>
  </body>
</html>

我想念的是什么？

Answer 1

我建议在Laravel项目中为Google地图使用专用的API： https ： //github.com/egeloen/ivory-google-map

use Ivory\GoogleMap\Helper\Builder\ApiHelperBuilder;
use Ivory\GoogleMap\Helper\Builder\MapHelperBuilder;
use Ivory\GoogleMap\Map;

$map = new Map();

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

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

祝好运！

Google Maps API无法在Laravel中使用吗？

问题描述

1 个解决方案

解决方案1
0 2018-03-17 19:17:38

Google Maps API无法在Laravel中使用吗？

问题描述

1 个解决方案

解决方案1 0 2018-03-17 19:17:38

解决方案1
0 2018-03-17 19:17:38