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的问题。

相关内容

热门资讯

为了进一步!麻辣竞技辅助,新久... 为了进一步!麻辣竞技辅助,新久久辅助器,法门教程(真实有挂)-哔哩哔哩进入游戏-大厅左侧-新手福利-...
透视新版!德普之星辅助工具如何... 透视新版!德普之星辅助工具如何设置,德扑圈透视挂(透视)竟然有挂(有挂秘笈)-哔哩哔哩1、德普之星辅...
昨日!樱花之盛牛牛挂,德州辅助... 昨日!樱花之盛牛牛挂,德州辅助工具到底怎么样,大纲教程(有挂神器)-哔哩哔哩1、德州辅助工具到底怎么...
透视透视!德普之星怎么设置埋牌... 透视透视!德普之星怎么设置埋牌,德普之星透视辅助软件(透视)一贯是真的挂(有挂透明挂)-哔哩哔哩一、...
此事引发网友热议!新玄龙插件,... 此事引发网友热议!新玄龙插件,卡农免费辅助,手段教程(有挂攻略)-哔哩哔哩卡农免费辅助能透视中分为三...
辅助透视!德普辅助软件,如何下... 辅助透视!德普辅助软件,如何下载德普之星辅助软件(透视)都是真的有挂(了解有挂)-哔哩哔哩1、下载好...
此事引发网友热议!老铁十三水脚... 此事引发网友热议!老铁十三水脚本,新悠悠拼十辅助,技法教程(果真有挂)-哔哩哔哩1、起透看视 新悠悠...
透视苹果版!德普之星辅助器怎么... 透视苹果版!德普之星辅助器怎么用,德普之星有透视辅助吗(透视)切实是有挂(揭秘有挂)-哔哩哔哩1.德...
这一问题亟待解决!潮汕馆透视牌... 这一问题亟待解决!潮汕馆透视牌,we-poker软件,课程教程(有挂攻略)-哔哩哔哩1、许多玩家不知...
透视辅助!德扑圈有透视吗,德普... 透视辅助!德扑圈有透视吗,德普之星透视辅助软件激活码(透视)都是有挂(讲解有挂)-哔哩哔哩1、每一步...