首页 > 解决方案 > 如何在每个选项卡上显示不同的传单地图?

问题描述

我正在开发一个 Angular Web 应用程序,其中我有几个选项卡(选项卡是使用材料角度创建的)。

在选择每个选项卡时,我想显示不同的地图。我正在使用传单和传单-rastercoords 角度插件来显示自定义地图。

我能够在第一个选项卡上显示单个地图,但是,当我尝试在其他选项卡上显示地图时,我尝试不同的方式时遇到各种错误 -

我尝试过但没有奏效的策略 -

  1. 每个地图的单独组件
  2. 在不同的函数中单独的地图初始化

请指导我一个合适的方式或有用的插件,这将使我的生活变得轻松。

TIA

标签: javascriptangularangular-materialleafletangular8

解决方案


当您在不同的选项卡上说不同的地图时,我理解每个选项卡上的不同位置。要实现它,您需要为每个地图(纬度/经度)提供不同的提要(输入)。这是一个例子:

https://stackblitz.com/edit/angular-buglpd


推荐阅读