将外部swisstopo贴图添加到angular 8中

将外部swisstopo贴图添加到Angular 8中，可以通过以下步骤完成：

1. 首先，确保你已经获得了swisstopo贴图的相关数据和许可证。swisstopo是瑞士地理信息系统的提供商，他们提供了各种地图数据和服务。
2. 在Angular 8项目中，你可以使用Angular CLI来创建一个新的组件来显示swisstopo贴图。打开终端或命令提示符，导航到你的项目目录，并运行以下命令：
3. 在Angular 8项目中，你可以使用Angular CLI来创建一个新的组件来显示swisstopo贴图。打开终端或命令提示符，导航到你的项目目录，并运行以下命令：
4. 这将在项目的src/app目录下创建一个名为Map的新组件。
5. 在Map组件的HTML模板中，你可以使用HTML的<img>标签来显示swisstopo贴图。假设你已经将swisstopo贴图的图像文件保存在项目的assets目录下，你可以使用以下代码来显示贴图：
6. 在Map组件的HTML模板中，你可以使用HTML的<img>标签来显示swisstopo贴图。假设你已经将swisstopo贴图的图像文件保存在项目的assets目录下，你可以使用以下代码来显示贴图：
7. 请确保将src属性的值设置为正确的图像文件路径。
8. 如果你希望在贴图上添加交互功能，例如缩放或拖动，你可以使用第三方的JavaScript库，如OpenLayers或Leaflet。这些库提供了丰富的地图功能和API，可以与Angular集成。你可以通过在项目中安装这些库的npm包来使用它们。
9. 例如，你可以使用以下命令来安装OpenLayers：
10. 例如，你可以使用以下命令来安装OpenLayers：
11. 安装完成后，你可以在Map组件的TypeScript文件中引入OpenLayers，并使用它的API来加载和显示swisstopo贴图。
12. 安装完成后，你可以在Map组件的TypeScript文件中引入OpenLayers，并使用它的API来加载和显示swisstopo贴图。
13. 在上面的代码中，我们创建了一个OpenLayers的地图实例，并将其绑定到HTML模板中的一个具有id为"map"的元素上。
14. 最后，你可以在你的应用程序中使用Map组件来显示swisstopo贴图。在你的主组件的HTML模板中，添加以下代码：
15. 最后，你可以在你的应用程序中使用Map组件来显示swisstopo贴图。在你的主组件的HTML模板中，添加以下代码：
16. 这将在你的应用程序中显示Map组件，并加载和显示swisstopo贴图。

总结起来，将外部swisstopo贴图添加到Angular 8中的步骤包括创建一个新的组件来显示贴图，使用HTML的<img>标签或第三方地图库来加载和显示贴图，以及在应用程序中使用该组件来展示贴图。请注意，这里没有提及具体的腾讯云产品，因为腾讯云并没有直接提供与swisstopo贴图相关的特定产品。但是，你可以使用腾讯云的对象存储服务（COS）来存储和管理贴图文件，或者使用腾讯云的云服务器（CVM）来部署和运行你的Angular应用程序。