Angular ts+openlayers(一)底圖加載顯示


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、運行工程,並通過路由訪問組件

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM