Leaflet(OSM tiles)在2D环境中显示为地平面

时间:2014-08-28 22:51:28

标签: javascript three.js leaflet

我想拍一张瓷砖,我将其从Openstreetmaps拉出来,并将其作为3D环境的地平面。我已经看了三个看起来很有前途的人。但是我觉得我让这个问题比它需要的要复杂一些。

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

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

1 个答案:

答案 0 :(得分:1)

Leaflet不支持3D,并试图让它支持3D将是更多的工作而不是它的价值。还有其他支持3D的系统,例如WebGL earthCesium,您应该从这些系统开始。