Я пытаюсь реализовать простую карту, используя ЗДЕСЬ. Мы Go карты JS API 3.1. Он прекрасно работает, когда я использую ioni c serve и запускаю его в браузере. Но когда я собираю его с помощью Cordova и запускаю его на моем устройстве. Это делает черный и белый. Работает слишком медленно, перетаскивание слишком сильно отстает, и в итоге мое приложение вылетает. Пробовал живой режим отладки. На консоли нет ошибок.
Вот мой map.component.ts
import { Component, OnInit, ViewChild, ElementRef } from "@angular/core";
declare var H: any;
@Component({
selector: "app-map",
templateUrl: "./map.component.html",
styleUrls: ["./map.component.scss"],
})
export class MapComponent implements OnInit {
private platform: any;
@ViewChild("map", { static: false })
public mapElement: ElementRef;
constructor() {
this.platform = new H.service.Platform({
app_id: "xxxx",
apikey: "xxxx",
});
}
ngOnInit() {}
public ngAfterViewInit() {
setTimeout(() => {
let defaultLayers = this.platform.createDefaultLayers();
let map = new H.Map(
this.mapElement.nativeElement,
defaultLayers.vector.normal.map,
{
zoom: 10,
center: { lat: 52.5, lng: 13.4 },
}
);
let behavior = new H.mapevents.Behavior(new H.mapevents.MapEvents(map));
}, 1000);
}
}
Это мой импорт в индексе. html
<script src="https://js.api.here.com/v3/3.1/mapsjs-core.js"
type="text/javascript" charset="utf-8"></script>
<script src="https://js.api.here.com/v3/3.1/mapsjs-service.js"
type="text/javascript" charset="utf-8"></script>
<script src="https://js.api.here.com/v3/3.1/mapsjs-places.js"
type="text/javascript" charset="utf-8"></script>
<script src="https://js.api.here.com/v3/3.1/mapsjs-mapevents.js"
type="text/javascript" charset="utf-8"></script>
<script src="https://js.api.here.com/v3/3.1/mapsjs-ui.js"
type="text/javascript" charset="utf-8"></script>
Я изменил каждый из них на 3.0 с, и карта работала нормально. Что-то мне не хватает, что требуется в обновлении 3.1.
Вот скриншот приложения: