Выпуск CORS ЗДЕСЬ на карте Ionic - PullRequest
Новая
       11

Выпуск CORS ЗДЕСЬ на карте Ionic

0 голосов
/ 19 апреля 2020

Привет, я пытаюсь использовать ЗДЕСЬ карту в моем приложении ioni c. Я подписался на этот блог https://developer.here.com/blog/display-an-interactive-here-map-in-an-ionic-framework-application

Я создал ЗДЕСЬ учетную запись и получил javascrio APPID и APIKEY оттуда и используется в моем коде так же, как это ..

home.page.ts 

import { Component, ViewChild, ElementRef } from '@angular/core';
declare var H: any;

@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage {

  @ViewChild("map", {static: false})
    public mapElement: ElementRef;

    public constructor() { }

    public ngOnInit() { }

    public ngAfterViewInit() {
        let platform = new H.service.Platform({
            "app_id": 'XXXXXXX',
            "app_code": 'XXXXXXX' 
        });
        let defaultLayers = platform.createDefaultLayers();
        let map = new H.Map(
            this.mapElement.nativeElement,
            defaultLayers.normal.map,
            {
                zoom: 10,
                center: { lat: '22.258651999999998', lng: '71.1923805' }
            }
        );
        let behavior = new H.mapevents.Behavior(new H.mapevents.MapEvents(map));
    }

}

My home.page. html

<ion-header [translucent]="true">
  <ion-toolbar>
    <ion-title>
      Blank
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">
  <ion-header collapse="condense">
    <ion-toolbar>
      <ion-title size="large">Blank</ion-title>
    </ion-toolbar>
  </ion-header>

  <div id="container">
    <div #map style="width: 100%; height: 100%"></div>

  </div>
</ion-content>

Но Я получаю сообщение об ошибке при запуске проекта в браузере ..

enter image description here

1 Ответ

1 голос
/ 23 апреля 2020

В блоге, которым вы поделились, используется более старая версия HERE Javascript API (3.0). Можете ли вы попробовать с последней версией 3.1?

Просто замените https://js.api.here.com/v3/3.0/.. на https://js.api.here.com/v3/3.1/..

Также с версией 3.1 вы должны использовать apikey вместо app_id, app_code, а также Структура defaultLayers немного изменилась: 

let platform = new H.service.Platform({
    apikey: 'XXXXXXX'
});
let defaultLayers = platform.createDefaultLayers();
let map = new H.Map(
    this.mapElement.nativeElement,
    defaultLayers.vector.normal.map,
    {
        zoom: 10,
        center: { lat: '22.258651999999998', lng: '71.1923805' }
    }
);

Здесь вы можете найти живые примеры карт HERE для JavaScript API.

...