2016-12-16 6 views
1

アングル2アプリケーションでのMapzenの統合についてはどうすればよいですか。アングル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> 

答えて

0

このコードは、リーフレットのJavaScriptマッピングライブラリでMapzenのマップを使用するプロセスを簡素化mapzen.jsとして知らMapzenのJavaScript SDKのサンプル、です。

これは、最初にリーフレットが角度付きで作業する必要があることを意味します。私はそれを試していないが、このような図書館は始める場所かもしれない:https://github.com/tombatossals/angular-leaflet-directive

関連する問題