时间戳

首页 > 解决方案 > 为什么我不能在 Angular 的 Leaflet Map 中使用 TimeDimension 插件？

angular - 为什么我不能在 Angular 的 Leaflet Map 中使用 TimeDimension 插件？

问题描述

在我的 Angular Web 应用程序中，我试图在我的传单地图上使用 timeDimension 插件，该插件已像这样初始化：

  this.map = L.map('map', {
   center: [ x, y ],
   zoom: z,
   preferCanvas: true,
  }

即使我已正确完成所有导入，当我将以下内容添加到地图初始化时，我仍会收到以下错误。

timeDimension: true

ERROR: Object literal may only specify known properties, and 'timeDimension' does not exist in type 'MapOptions'

通过将以下内容添加到我的 html 中，我找到了解决此问题的方法

 <div id="map"
 leaflet
 [leafletOptions]="options"
 [leafletLayers]="bl"
 >

其中 options 是这样输入的，并且地图初始化中的代码被删除：

options= {
 center: [ x, y ],
 zoom: z,
 preferCanvas: true,
 timeDimension: true,
 timeDimensionControl: true,
}

但是，我更喜欢使用第一种方法，因为我已经围绕它构建了我的网络应用程序，它需要一个地图对象。例如，在第二种方法中，我无法在顶部添加额外的图层，因为我没有初始化任何可以在我的 TypeScript 中访问的“地图”对象。

非常感谢任何帮助或解决方法。谢谢

标签： angulartypescriptpluginsleaflet

解决方案

推荐阅读