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.js として知られる Mapzen の JavaScript SDK のサンプルであり、Leaflet JavaScript マッピング ライブラリで Mapzen のマップを使用するプロセスを簡素化します。

これは、最初に Leaflet を Angular で動作させる必要があることを意味します。私は試していませんが、次のようなライブラリが出発点になるかもしれません: https://github.com/tombatossals/angular-leaflet-directive

于 2016-12-19T23:34:30.690 に答える