Я использую в своем проекте плагин ngx-leaflet и angular-cli.
Я пытаюсь использовать листовку, как описано в документе, например:
Проблема в том, что когда я пытаюсь скомпилировать, я получаю следующую ошибку:
Составлено с помощью:
ng serve --aot
Контекст здесь:
Я пытался импортировать L разными способами, используя:
import { LeafletModule } from '@asymmetrik/ngx-leaflet';
Но я ничего не могу найти ни в документации, ни в github.
Я удалил модуль atm для компиляции, но мне нужен обходной путь.
Вот package.json, который я использую:
Вот код внутри моего компонента, пользователя 'L':
@Component({
selector: 'app-map-screens-element',
templateUrl: './map-screens-element.component.html',
styleUrls: [
'./map-screens-element.component.scss',
],
})
export class MapScreensComponent implements OnInit {
/**
* setting map options
*/
public $mapOptions = {
// we use the layer openstreetmap
layers: [
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'),
],
zoom: 15,
center: L.latLng([48.866667, 2.333333]),
};
}
И вот импорт модуля в мой проект:
import { LeafletModule } from '@asymmetrik/ngx-leaflet';
@NgModule({
imports: [
LeafletModule,
],
declarations: [
// ...
],
exports: [
// ...
],
})
export class SharedElementModule { }
