Я пытаюсь создать приложение для визуализации, используя скобки. Как обычно, я сделал файл эскиза следующим образом:
function setup() {
// Create a canvas to fill the content div from index.html.
canvasContainer = select('#app');
this.c = createCanvas(1024, 576);
this.c.parent('app');
// Create a new gallery object.
gallery = new Gallery();
// Add the visualisation objects here.
gallery.addVisual(new IndiaCityTemp());
gallery.addVisual(new ShareIndex());
gallery.addVisual(new LandslideMap());
}
Я включил объект с именем LandslideMap (), который представляет собой мозаичную карту, отображающую все оползневые местоположения по всему миру. Файл кода выглядит следующим образом:
this.setup = function() {
mapCanvas = createCanvas(800, 800);
mapCanvas.parent('app');
mapCanvas.background(100);
mappa = new Mappa('Leaflet');
options = {
lat: 23.5655,
lng: 121.0134,
zoom: 8,
style: "http://{s}.tile.osm.org/{z}/{x}/{y}.png"
}
//Create a tile map with lat 23.5655, lng 121.0134, zoom 8
myMap = mappa.tileMap(options);
// Overlay the canvas over the tile map
myMap.overlay(mapCanvas);
}
Кажется, что два полотна (холст эскиза и холст объекта) создают непредвиденные ошибки. Не удается удалить мозаичную карту и перемещение холста эскиза вправо, когда я вхожу в другое меню объекта.
изображение мозаичной карты и перемещенного холста
Я попытался удалить холст объекта и наложить холст эскиза вместо холста объекта следующим образом:
myMap.overlay(this.c);
Но это не работает.
Исчерпаны. Я должен искать помощь от любого опытного.