2

如何将 Mapzen 集成到 Angular-2 应用程序中。

他们的教程有以下代码。我将如何在 Angular 应用程序中实现这一点？

  <head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <link rel="stylesheet" href="https://mapzen.com/js/mapzen.css">
    <script src="https://mapzen.com/js/mapzen.min.js"></script>

    <style>
      #map {
        height: 100%;
        width: 100%;
        position: absolute;
      }
    html,body{margin: 0; padding: 0}
  </style>

  </head>
  <body>
    <div id='map'></div>
    <script>
      var map = L.Mapzen.map('map', {
        center: [47.61033,-122.31801],
        zoom: 16,
        scene: L.Mapzen.BasemapStyles.BubbleWrap
      });
    </script>
  </body>
4

1 回答 1

0

此代码是 Mapzen 的 JavaScript SDK 的一个示例，称为mapzen.js，它简化了将 Mapzen 的地图与 Leaflet JavaScript 映射库一起使用的过程。

这意味着您首先需要让 Leaflet 与 Angular 一起工作。我还没有尝试过，但是像这样的库可能是一个开始的地方：https ://github.com/tombatossals/angular-leaflet-directive

于 2016-12-19T23:34:30.690 回答