首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何使用@ baseLayers /ngx-leaflet默认选择不对称覆盖(&A)

@baseLayers/ngx-leaflet 是一个用于 Angular 的库,它允许您在应用程序中使用 Leaflet 地图

  1. 安装 ngx-leaflet 和相关依赖项:
代码语言:javascript
复制
npm install @asymmetrik/ngx-leaflet leaflet
  1. 将 Leaflet CSS 添加到您的 Angular 项目中。 在 angular.json 文件的 styles 数组中添加以下代码:
代码语言:javascript
复制
"styles": [
  "node_modules/leaflet/dist/leaflet.css",
  "src/styles.css"
],
  1. 在您的 Angular 模块中导入 LeafletModule
代码语言:javascript
复制
// app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { LeafletModule } from '@asymmetrik/ngx-leaflet';

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, LeafletModule],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule {}
  1. 在您的组件中使用 ngx-leaflet ,同时设置 '@asymmetleric/ngx-leaflet' 模块的 baseLayers 属性以使用不对称覆盖:
代码语言:javascript
复制
// app.component.ts
import { Component } from '@angular/core';
import * as L from 'leaflet';

@Component({
  selector: 'app-root',
  template: `
    <ngx-leaflet [options]="mapOptions" (leafletMapReady)="onMapReady($event)"></ngx-leaflet>
  `,
})
export class AppComponent {
  mapOptions = {
    center: L.latLng(46.879966, -121.726909),
    zoom: 12,
    layers: this.baseLayers,
  };

  baseLayers = {
    default: L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
      attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
    }),
    satellite: L.tileLayer('https://{s}.google.com/vt/lyrs=s&x={x}&y={y}&z={z}', {
      maxZoom: 20,
      subdomains: ['mt0', 'mt1', 'mt2', 'mt3'],
      attribution: 'Map data ©2022 Google',
    }),
  };

  onMapReady(map: L.Map) {
    // 在此处执行地图初始化操作
  }
}
  1. app.component.html 中,使用 baseLayers 属性设置默认图层:
代码语言:javascript
复制
<ngx-leaflet
  [options]="mapOptions"
  (leafletMapReady)="onMapReady($event)"
  [baseLayers]="baseLayers.default"
></ngx-liquef>

现在,您的地图应该默认显示 'default' 图层。 当用户切换到其他图层时,地图将显示所选图层。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • NC:儿童的利手性与大脑功能连接模式之间的联系

    利手性在生命早期就已经发展起来了,但与之相关的大脑结构和功能连接模式仍然不清楚。在这里,我们调查了在青少年大脑认知发展(ABCD)研究中,9-10岁儿童的利手性和大脑连接偏侧化之间的关系。与右撇子相比,左撇子左手运动区整体功能连接密度增加,右侧运动区整体功能连接密度降低。基于功能连接计算的利手指数为左利手性和右利手性提供了更明显的区别。在单模态感觉运动皮层、跨模态皮层和小脑中,手-运动功能连接的偏侧化随利手性的变化而变化(P < 0.001),并在发现和复制子样本中的所有感兴趣区域复制。在这里,我们展示了在左利手性、右利手性和混合利手性儿童的结构连接、大脑形态测量和皮质髓磷脂没有差异的情况下,利手性和功能连接模式的偏侧化之间的强关联。

    01

    利用机器学习研究脑卒中早期皮质运动系统的结构-功能关系

    ​背景:脑卒中后的运动结果可以通过下行皮质运动通路的结构和功能生物标志物来预测,通常分别通过磁共振成像和经颅磁刺激来测量。然而,完整的皮质运动功能的确切结构决定因素尚不清楚。识别皮质运动通路的结构和功能联系可以为脑卒中后运动损伤的机制提供有价值的见解。这项研究使用监督机器学习来分类上肢运动诱发电位状态,使用卒中早期获得的MRI测量。方法:回顾性分析脑卒中后1周内上肢中重度无力患者91例(女性49例,年龄35 ~ 97岁)的资料。使用T1和弥散加权MRI的指标训练支持向量机分类器来分类运动诱发电位状态,使用经

    02
    领券