小编Twi*_*man的帖子

带有 Angular-CLI 和 yaga 的破碎传单地图。在哪里插入leaflet.css?

我正在尝试使用 yaga 组件(npm yaga-module)显示一个简单的传单地图。因此,我使用 angular cli 生成了一个新项目,并按照 npm 页面上的介绍进行操作。最后,我得到了一张破地图。

破损地图的图像。

我已经使用传单库 + JS 甚至在离子框架中使用 yaga 实现了一个工作映射。在这两种情况下,如果我删除了leaflet.css 的链接,我都会得到相同的破损地图。但是我必须在哪里链接 css 文件?如果我在.angular-cli.json 中插入路径,它似乎已成功加载。但随后我的地图完全消失了。

我做错了吗?你可以在下面找到我的代码:

app.module.ts:

    import { BrowserModule } from '@angular/platform-browser';
    import { NgModule } from '@angular/core';
    import { YagaModule } from '@yaga/leaflet-ng2';

    import { AppComponent } from './app.component';

    @NgModule({
      declarations: [
        AppComponent
      ],
      imports: [
        BrowserModule,
        YagaModule
      ],
      providers: [],
      bootstrap: [AppComponent]
    })
    export class AppModule { }
Run Code Online (Sandbox Code Playgroud)


app.component.ts:

    import { Component } from '@angular/core';

    @Component({
      selector: 'app-root', …
Run Code Online (Sandbox Code Playgroud)

css leaflet angular-cli angular

3
推荐指数
1
解决办法
1321
查看次数

标签 统计

angular ×1

angular-cli ×1

css ×1

leaflet ×1