ЗДЕСЬ API карты не отображает карту - фотографии внутри этого поста - PullRequest
0 голосов
/ 07 июня 2019

Я следую инструкциям QuickStart 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>

и скрипт QuickStart here-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() }}">
...