Angular-2 Mapzen集成

Question

如何将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>

Answer 1

这个代码是从Mapzen的JavaScript SDK，被称为一个样本mapzen.js ，这简化了使用Mapzen的地图与单张的JavaScript库映射的过程。

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

Angular-2 Mapzen集成

问题描述

1 个解决方案

解决方案1
0 2016-12-19 23:34:30

Angular-2 Mapzen集成

问题描述

1 个解决方案

解决方案1 0 2016-12-19 23:34:30

解决方案1
0 2016-12-19 23:34:30