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

相关内容

热门资讯

今天下午!乐游coc辅助,小闲... 今天下午!乐游coc辅助,小闲川南辅助(透视)技巧-其实是有挂1、完成小闲川南辅助辅助器v3.3的残...
这一现象值得深思!赣牌圈的好牌... 这一现象值得深思!赣牌圈的好牌几率,陕麻圈脚本辅助(透视)app-好像是有挂1、每一步都需要思考,不...
今年以来!广东雀神祈福真的有用... 今年以来!广东雀神祈福真的有用吗,吉祥填大坑有什么诀窍(透视)app-果然真的是有挂1、广东雀神祈福...
今天下午!大懒人斗十四辅助,顺... 今天下午!大懒人斗十四辅助,顺欣茶楼辅助软件(透视)挂-确实是有挂1、全新机制【顺欣茶楼辅助软件ai...
随着!天天贵阳辅助工具,赣牌圈... 随着!天天贵阳辅助工具,赣牌圈有挂吗(透视)挂-真是有挂进入游戏-大厅左侧-新手福利-激活码辅助透视...
这一现象值得深思!衢州都莱破解... 这一现象值得深思!衢州都莱破解器,开心泉州辅助免费下载(透视)工具-其实存在有挂一、开心泉州辅助免费...
相较于以往!科乐填大坑透视视频... 相较于以往!科乐填大坑透视视频,赣牌圈的好牌几率(透视)技巧-竟然有挂1、每一步都需要思考,不同水平...
最终!人海大厅反杀,哈糖大菠萝... 最终!人海大厅反杀,哈糖大菠萝提高胜率(透视)软件-都是真的有挂哈糖大菠萝提高胜率破解侠是真的助透视...
随着!新道游正版透视,新海贝辅... 随着!新道游正版透视,新海贝辅助器(透视)神器-原来真的是有挂1、首先打开新道游正版透视辅助器下载最...
更值得关注的是!中至吉安小程序... 更值得关注的是!中至吉安小程序微信小程序,途游大作战辅助(透视)教程-都是真的有挂进入游戏-大厅左侧...