Номинатим не определен, когда я использую машину листовки с углом 7 - PullRequest
Новая
       5

Номинатим не определен, когда я использую машину листовки с углом 7

1 голос
/ 03 октября 2019

Привет!

Я впервые использую библиотеку Leafletjs с Angular 7 (typeScript), для машины листовки, яиспользовать этот блок кода, у меня есть эта ошибка, у вас есть идеи? :

component.ts:

1 Ответ

1 голос
/ 03 октября 2019

Вы получаете эту ошибку, потому что вы либо не импортировали библиотеку, либо импортировали ее, но она загружается после инициализации карты.

Импортируйте так: 

import "leaflet-routing-machine/dist/leaflet-routing-machine.css";
import "leaflet-routing-machine";

и затем, когдазагружен компонент: 

ngOnInit() {    
    this.map = L.map("map").setView([51.505, -0.09], 13);

    L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", {
      attribution:
        '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
    }).addTo(this.map);

    L.Routing.control({
      waypoints: [L.latLng(57.74, 11.94), L.latLng(57.6792, 11.949)],
      routeWhileDragging: true
    }).addTo(this.map);
  }

Демо

Обратите внимание, что из-за ограничений API вы должны иногда проверять его в режиме браузера в режиме инкогнито, чтобы получить маршрут.

...