openLayers中WMTS結合GeoServer呈現瓦片地圖


首先看openlayers官網中wmts模塊,https://openlayers.org/en/latest/apidoc/module-ol_source_WMTS-WMTS.html,里面的參數看你需要什么。

下面是我的代碼

 

這個是需要地圖需要參數,controlId是封裝所需要的,而這個layerName對應得就是openlayer的layer字段,url就是openlayers的url字段。

怎么在geoserver中找他們呢?跟着圖片來。

 

選擇png后看源碼,這個源碼也就是openlayer的代碼,不會寫可以在上面抄寫。

這里面會有你想要的,細心的伙伴你會發現,url對應不上,源碼中的是../service/wmts,你這樣寫里面肯定是不行的啊,所以看上面的url,一定是你的域名+端口號+文件路徑,到demo前面,

所以最后的路徑就是   http://www.***********.com:8080/geoserver/gwc/service/wmts

 

 希望有需要的小伙伴會有那么一丟丟的幫助,我也是初學者為自己記錄,請大牛們多多指教。

 


免責聲明!

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



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