HERE 地图 API 不显示地图 - 此 post 中的照片

Question

我正在遵循快速入门指南https://developer.here.com/documentation/maps/topics/quick-start.html

我已按照这些步骤操作，但似乎无法在屏幕上呈现地图。我希望如果我附上我的代码，一些慷慨的用户可能会帮助我解决这个问题。

这是我试过的：

https://developer.here.com/documentation/maps/topics/quick-start.html

我正在使用我的 head.blade.php 文件来包含

{{--HERE Map API--}}
    <script src="http://js.api.here.com/v3/3.0/mapsjs-core.js"
            type="text/javascript" charset="utf-8"></script>
    <script src="http://js.api.here.com/v3/3.0/mapsjs-service.js"
            type="text/javascript" charset="utf-8"></script>

进入我的布局文件。在我的布局文件中，我有

@include('layouts.partials.head')

我的视图包含我的地图div

<div class="col-md-4 rounded text-center boxshadow-secondary" style="padding-left:0;">

                            <div id="mapContainer" style="margin-top:15px; margin-left:9%; margin-bottom:15px;" class="bg-img-person">
                            </div>
                        </div>

和底部的api快速启动脚本

<script>
        $(document).ready(function () {
            // Initialize the platform object:
            // Initialize the platform object:
            var platform = new H.service.Platform({
                'app_id': 'jAvuLRw10MOB9UTKFID6',
                'app_code': 'KaM79eIV6ruGW5KUSWrhaA'
            });

            // Obtain the default map types from the platform object
            var maptypes = platform.createDefaultLayers();

            // Instantiate (and display) a map object:
            var map = new H.Map(
                document.getElementById('mapContainer'),
                maptypes.normal.map,
                {
                    zoom: 10,
                    center: { lng: 13.4, lat: 52.51 }
                });
        });
    </script>

我确实包含 csrf 令牌

<meta name="_token" content="{{ csrf_token() }}">

Answer 1

请在您的 div 标签中包含样式。

<div style="width: 640px; height: 480px" id="mapContainer"></div>

https://developer.here.com/documentation/maps/dev_guide/topics/get-started.html

HERE 地图 API 不显示地图 - 此 post 中的照片

HERE map API doesn't display map - photos inside this post

javascript

here-api

laravel