Angular未识别LeafletTimeDimension
创始人
2024-10-29 23:01:01
0

在Angular项目中引入Leaflet TimeDimension库时,需要注意以下事项:

  1. 首先,安装必要的依赖项:

npm install leaflet@1.6.0 leaflet-timedimension@1.1.0

  1. 然后,在angular.json文件中加入以下代码:

"styles": [ "node_modules/leaflet/dist/leaflet.css", "node_modules/leaflet-timedimension/dist/leaflet.timedimension.control.css" ], "scripts": [ "node_modules/leaflet/dist/leaflet.js", "node_modules/leaflet-timedimension/dist/leaflet.timedimension.control.js" ]

  1. 最后,在组件中导入Leaflet和TimeDimension库,并初始化地图和时空控制器:

import * as L from 'leaflet'; import 'leaflet-timedimension';

...

ngOnInit() { const map = L.map('map').setView([51.505, -0.09], 13); const layer = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '© OpenStreetMap contributors' }); layer.addTo(map);

const timeDimensionControl = L.control.timeDimension(); timeDimensionControl.addTo(map); }

通过以上步骤,可以解决Angular无法识别Leaflet TimeDimension的问题。

相关内容

热门资讯

透视美元局!aapoker插件... 透视美元局!aapoker插件(透视)发牌逻辑(一贯存在有挂);1、游戏颠覆性的策略玩法,独创攻略技...
透视安卓版!aapoker怎么... 透视安卓版!aapoker怎么设置提高好牌几率(透视)ai插件(一贯存在有挂)1)aapoker怎么...
透视黑科技!aapoker怎么... 透视黑科技!aapoker怎么提高中牌率(透视)ai插件(好像真的有挂);1、完成aapoker怎么...
透视存在!aapoker怎么提... 透视存在!aapoker怎么提高中牌率(透视)发牌逻辑(切实真的是有挂)小薇(透视辅助)致您一封信;...
透视规律!aapoker俱乐部... 透视规律!aapoker俱乐部靠谱吗(透视)脚本(真是存在有挂)1、透视规律!aapoker俱乐部靠...
透视代打!aapoker怎么选... 透视代打!aapoker怎么选牌(透视)万能辅助器(都是真的是有挂)一、aapoker怎么选牌AI软...
透视模拟器!aapoker怎么... 透视模拟器!aapoker怎么拿好牌(透视)免费透视脚本(果然真的有挂)1、操作简单,无需注册,只需...
透视有挂!aapoker辅助插... 透视有挂!aapoker辅助插件工具(透视)透视脚本(竟然存在有挂);1、下载好aapoker辅助插...
透视肯定!aapoker脚本怎... 透视肯定!aapoker脚本怎么用(透视)插件下载(竟然有挂)aapoker脚本怎么用辅助器中分为三...
透视中牌率!aapoker辅助... 透视中牌率!aapoker辅助器怎么用(透视)透视软件(确实有挂)运aapoker辅助器怎么用辅助工...