maptalks 是針對2D地圖添加了視角和旋轉等功能,實現的2.5D的地圖庫,以針對threejs支持著稱。
不過本篇只針對maptalk中的插件 threeLayer 的功能進行介紹,maptalks 的基礎功能請查看: https://github.com/WhatGIS/maptalkMap#readme
ThreeJS 是一組支持WebGL功能的js庫,支持三維對象和三維顯示,並能呈現一些特殊效果,如果
三維的地圖加上三維對象,呈現三維的效果,那必然實時相當的驚艷,目前GIS的方向也在逐漸向這個方向發展,
Web上的Cesium,手機AR,眼鏡的VR,甚至與基於實時的激光雷達,現在的GIS頁面,不顯示個三維效果,
都不好意思出去和人打招呼。
TheeJS 的官方地址:https://threejs.org/ 大家可以查看一下threejs的內容和效果。簡單了解一下,會對下面的內容有幫助。
maptalks 中的插件 threelayer 支持大部分的 threejs 內容,也就是說,通過地理位置,把一個三維對象
放在那里,然后使用 threejs 的 webgl 特性來處理對象。
maptalks.three 的地址為 https://github.com/maptalks/maptalks.three , 里面有源碼和demo,有興趣的可以自己拉下來看。
這里講的都是我自己跑的例子,以及針對每個demo自己的理解。僅供參考。
1.
2.