Angular-2 Mapzen集成

我如何着手將Mapzen集成到Angular-2應用程序中。Angular-2 Mapzen集成

他們的教程有以下代碼。我將如何在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>

來源

2016-12-16 TheS

此代碼是從Mapzen的JavaScript SDK，被稱爲mapzen.js，這簡化了使用Mapzen的地圖與單張的JavaScript映射庫的處理的樣品。

這意味着您首先需要讓Leaflet與Angular一起工作。我沒有嘗試過，但像這樣的圖書館可能是一個開始的地方：https://github.com/tombatossals/angular-leaflet-directive

來源

2016-12-19 23:34:30 rhonda

Angular-2 Mapzen集成

回答

相關問題