1、首先有一個Angular工程
不多贅述
2、通過npm指令安裝openlayers
npm install ol
檢驗:安裝完成就可以從node_modules中找到ol
3、在組件目錄下,使用ng指令創建地圖組件
ng g c trackMap
剛建完是空白組件,可以寫一些簡單的html和css
4、引入地圖相關ts類
5、構建地圖並綁定容器
注:projection為映射協議,GPS是基於WGS84地理坐標系統的,所以通常我們得到的坐標數據都是WGS84的,在國際上,每個坐標系統都會被分配一個 EPSG 代碼,EPSG:4326 就是 WGS84 的代碼。
如果不寫,默認為EPSG:3857,采用偽墨卡托投影。(GIS基礎知識)
6、運行工程,並通過路由訪問組件