Leaflet（OSM瓷磚）在2D環境中顯示爲地平面

Question

我想拍攝一塊瓷磚，我將它從Openstreetmaps中拉出並製作爲3D環境的地平面。我研究過看起來很有前景的three.js，但我覺得我讓這個問題比它需要的複雜一點。

var map = L.map('map').setView([46.742798, -116.988537], 18); 

var tile = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { 

     maxZoom: 18, 
     id: 'examples.map-i86knfo3' 

}).addTo(map); 

var marker = L.marker([ 46.742798, -116.988537 ]).addTo(map) 
     .bindPopup("<b> Hello World</b><br />").openPopup(); 


var popup = L.popup(); 

var ll = L.latLng(46.742798, -116.988537); 
var polyline = L.polyline(ll, { color: 'green' }).addTo(map); 

var dragSwitch = false; 

function onMapClick(e) 
{ 
    popup 
     .setLatLng(e.latlng) 
     .setContent("You clicked the map at " + e.latlng.toString()) 
     .openOn(map); 
} 


try 
{ 
    object.new_coord.connect(fnc); 
} 
catch (e) 
{ 
    print(e); 
} 

map.on('click', onMapClick); 

因此，在上面的代碼中取得地圖變量，並將其作爲地平面。提前致謝 ！

Answer 1

Leaflet不支持3D，並且試圖使其支持3D將會比它的價值更多的工作。還有其他支持3D的系統，例如WebGL earth和Cesium，您應該從頭開始。