Листовка (плитки 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

Листовка не поддерживает 3D, и попытка сделать ее поддержкой 3D будет больше работы, чем того стоит. Существуют и другие системы, которые поддерживают 3D уже, например WebGL earth и Cesium, с которых вы должны начать.