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

相关内容

热门资讯

现有说明如下!werplan有... 现有说明如下!werplan有挂吗(透视)福建天天开心有挂吗(果然有辅助app)-哔哩哔哩1、该软件...
出乎意料的是!约局吧德州透视(... 您好,欢乐对决ios辅助这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多...
透视真的!wepoker可以透... 透视真的!wepoker可以透视码(透视)微乐小程序辅助器免费安卓(原来有辅助修改器)-哔哩哔哩1、...
目前!aapoker怎么控制牌... 目前!aapoker怎么控制牌(透视)陕麻圈黑科技(都是真的是有辅助神器)-哔哩哔哩1、陕麻圈黑科技...
网友热议!hhpoker买挂(... 网友热议!hhpoker买挂(透视)越乡游义乌辅助器下载(真是是真的辅助工具)-哔哩哔哩1、许多玩家...
透视ai代打!pokemmo辅... 透视ai代打!pokemmo辅助器手机版下载(透视)桂林老k字字牌辅助(果然是真的辅助下载)-哔哩哔...
透视ai代打!wepoker透... 透视ai代打!wepoker透视有用吗(透视)hhpoker免费辅助器(本来是真的辅助插件)-哔哩哔...
透视插件!佛手大菠萝13道挂哪... 透视插件!佛手大菠萝13道挂哪里(透视)拱趴辅助器(一贯有辅助神器)-哔哩哔哩1、打开软件启动之后找...
透视系统!竞技联盟辅助(透视)... 透视系统!竞技联盟辅助(透视)新漫游免费辅助器(果然存在有辅助平台)-哔哩哔哩新漫游免费辅助器脚本下...
记者获悉!pokermaste... 记者获悉!pokermaster修改器(透视)八闽福建辅助软件免费下载(一贯存在有辅助插件)-哔哩哔...