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>

以及底部的here-api QuickStart脚本

<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

这里的地图API不显示地图-帖子中的照片

1 个答案: