2014-08-28 43 views
1

我想拍摄一块瓷砖,我将它从Openstreetmaps中拉出并制作为3D环境的地平面。我研究过看起来很有前景的three.js,但我觉得我让这个问题比它需要的复杂一点。Leaflet(OSM瓷砖)在2D环境中显示为地平面

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); 

因此,在上面的代码中取得地图变量,并将其作为地平面。提前致谢 !

回答

1

Leaflet不支持3D,并且试图使其支持3D将会比它的价值更多的工作。还有其他支持3D的系统,例如WebGL earthCesium,您应该从头开始。

+0

感谢您的回复tmcw。我不希望传单图像是3D。我只是想将2D矢量图块作为我的地平面。 – DaveyLaser 2014-09-02 16:18:03

+0

你的问题说:“我想以3D的方式展示传单地图。” - 请更具体地说明你想要什么,因为这很难理解。 – tmcw 2014-09-02 16:46:53