Начиная здесь. js Создание нового MapView Get TypeError - PullRequest
Новая
       17

Начиная здесь. js Создание нового MapView Get TypeError

0 голосов
/ 02 марта 2020

Я пытаюсь использовать harp.gl и использовал следующий урок. учебник: https://developer.here.com/tutorials/harpgl/ Но я получаю следующие ошибки. 

MapView.ts:919 Uncaught TypeError: Cannot read property 'addEventListener' of null
    at new MapView (MapView.ts:919)
    at JavaScript.js:2

1 Ответ

0 голосов
/ 09 марта 2020

Вы пытались использовать метод 2 из учебника на https://developer.here.com/tutorials/harpgl/ Я сделал то же самое, что и метод учебника 2, и в файл index.ts внедрил mapView.addEventListener, поскольку вы можете видеть, что содержит мой индекс. ts ниже: 

/*
 * Copyright (C) 2017-2019 HERE Europe B.V.
 * Licensed under Apache 2.0, see full license in LICENSE
 * SPDX-License-Identifier: Apache-2.0
 */

import { GeoCoordinates } from "@here/harp-geoutils";
import { View } from "./View";
import { MapViewEventNames } from "@here/harp-mapview";

const app = new View({
    canvas: document.getElementById("map") as HTMLCanvasElement
});

const mapView = app.mapView;

const options = { tilt: 45, distance: 3000 };
const coordinates = new GeoCoordinates(1.278676, 103.850216);
let azimuth = 300;
mapView.addEventListener(MapViewEventNames.Render, () => {
    mapView.lookAt(coordinates, options.distance, options.tilt, (azimuth += 0.1))
});
mapView.beginAnimation();


// make map full-screen
mapView.resize(window.innerWidth, window.innerHeight);

// react on resize events from the browser.
window.addEventListener("resize", () => {
    mapView.resize(window.innerWidth, window.innerHeight);
});

// center the camera to New York
mapView.lookAt(new GeoCoordinates(40.70398928, -74.01319808), 1500, 40, 0);

// make sure the map is rendered
mapView.update();

Этот код и mapView.addEventListener работает для меня должным образом без каких-либо ошибок .

Пожалуйста, проверьте ваше оборудование, Операционную систему, версию браузера.

Пожалуйста, проверьте все примеры на http://harp.gl.s3-website-us-east-1.amazonaws.com/docs/master/examples/ на вашем устройстве и другие.

...