„NASA World Wind SDK” változatai közötti eltérés
(→Szöveg) |
(→Alakzatok) |
||
8. sor: | 8. sor: | ||
=== Alakzatok === | === Alakzatok === | ||
− | ==== | + | ====Szövegek ==== |
<source lang="javascript"> | <source lang="javascript"> | ||
50. sor: | 50. sor: | ||
//Létrehozunk egy managert, hogy tudjuk vezérelni a szöveg réteget. | //Létrehozunk egy managert, hogy tudjuk vezérelni a szöveg réteget. | ||
var layerManger = new LayerManager(wwd); | var layerManger = new LayerManager(wwd); | ||
+ | |||
+ | </source> | ||
+ | |||
+ | |||
+ | ====Utak==== | ||
+ | |||
+ | <source lang="javascript"> | ||
+ | |||
+ | // Úthoz tartozó poziciók létrehozása | ||
+ | var pathPositions = []; | ||
+ | pathPositions.push(new WorldWind.Position(40, -100, 1e4)); | ||
+ | pathPositions.push(new WorldWind.Position(45, -110, 1e4)); | ||
+ | pathPositions.push(new WorldWind.Position(46, -122, 1e4)); | ||
+ | |||
+ | // Az út létrehozása | ||
+ | var path = new WorldWind.Path(pathPositions, null); | ||
+ | path.altitudeMode = WorldWind.RELATIVE_TO_GROUND; | ||
+ | path.followTerrain = true; | ||
+ | path.extrude = true; | ||
+ | path.useSurfaceShapeFor2D = true; | ||
+ | |||
+ | // Az úthoz tartozó attribútumok étrehozása | ||
+ | var pathAttributes = new WorldWind.ShapeAttributes(null); | ||
+ | pathAttributes.outlineColor = WorldWind.Color.BLUE; | ||
+ | pathAttributes.interiorColor = new WorldWind.Color(0, 1, 1, 0.5); | ||
+ | pathAttributes.drawVerticals = path.extrude; | ||
+ | path.attributes = pathAttributes; | ||
+ | |||
+ | |||
+ | // Kiemelés létrehozása | ||
+ | var highlightAttributes = new WorldWind.ShapeAttributes(pathAttributes); | ||
+ | highlightAttributes.outlineColor = WorldWind.Color.RED; | ||
+ | highlightAttributes.interiorColor = new WorldWind.Color(1, 1, 1, 0.5); | ||
+ | path.highlightAttributes = highlightAttributes; | ||
+ | |||
+ | //Az utat hozzáadjuk egy layerhez, és betesszük a globális layerbe | ||
+ | var pathsLayer = new WorldWind.RenderableLayer(); | ||
+ | pathsLayer.displayName = "Paths"; | ||
+ | pathsLayer.addRenderable(path); | ||
+ | wwd.addLayer(pathsLayer); | ||
+ | |||
+ | //Layermanager létrehozása | ||
+ | var layerManger = new LayerManager(wwd); | ||
+ | |||
+ | //Eseménykeelés a kiemeléshez | ||
+ | var highlightController = new WorldWind.HighlightController(wwd); | ||
</source> | </source> |
A lap 2017. április 24., 09:03-kori változata
Tartalomjegyzék
Bevezetés
A NASA World Wind SDK egy ingyenes API virtuális glóbuszokhoz. Segítségével könnyen vizualizálható interaktív háromdimenziós glóbusz vagy bármilyen földrajzi információ.
http://people.inf.elte.hu/hagtabi/foldgomb
Főbb funkcionalitások
Alakzatok
Szövegek
// Példa adat
var peaks =
[
{
'name': "Mount McKinley\n(Denali)", // Mount McKinley
'state': "Alaska",
'elevation': 6194,
'latitude': 63.0690,
'longitude': -151.0063
}];
var text,
textAttributes = new WorldWind.TextAttributes(null),
textLayer = new WorldWind.RenderableLayer("U.S.A. Peaks");
//Alap attribútumok beállítása (pl: szín)
textAttributes.color = WorldWind.Color.CYAN;
textAttributes.depthTest = false;
//Létrehozzuk a szöveg "alakzatokat"
for (var i = 0, len = peaks.length; i < len; i++) {
var peak = peaks[i],
peakPosition = new WorldWind.Position(peak.latitude, peak.longitude, peak.elevation);
text = new WorldWind.GeographicText(peakPosition, peak.name + "\n" + peak.state);
//Beállítjuk az alakzatohoz a szöveget
text.attributes = textAttributes;
//Hozzáadjuk a szöveget a layerhez
textLayer.addRenderable(text);
}
//A szöveg layert hozzáadjuk a globál layerhez
wwd.addLayer(textLayer);
//Létrehozunk egy managert, hogy tudjuk vezérelni a szöveg réteget.
var layerManger = new LayerManager(wwd);
Utak
// Úthoz tartozó poziciók létrehozása
var pathPositions = [];
pathPositions.push(new WorldWind.Position(40, -100, 1e4));
pathPositions.push(new WorldWind.Position(45, -110, 1e4));
pathPositions.push(new WorldWind.Position(46, -122, 1e4));
// Az út létrehozása
var path = new WorldWind.Path(pathPositions, null);
path.altitudeMode = WorldWind.RELATIVE_TO_GROUND;
path.followTerrain = true;
path.extrude = true;
path.useSurfaceShapeFor2D = true;
// Az úthoz tartozó attribútumok étrehozása
var pathAttributes = new WorldWind.ShapeAttributes(null);
pathAttributes.outlineColor = WorldWind.Color.BLUE;
pathAttributes.interiorColor = new WorldWind.Color(0, 1, 1, 0.5);
pathAttributes.drawVerticals = path.extrude;
path.attributes = pathAttributes;
// Kiemelés létrehozása
var highlightAttributes = new WorldWind.ShapeAttributes(pathAttributes);
highlightAttributes.outlineColor = WorldWind.Color.RED;
highlightAttributes.interiorColor = new WorldWind.Color(1, 1, 1, 0.5);
path.highlightAttributes = highlightAttributes;
//Az utat hozzáadjuk egy layerhez, és betesszük a globális layerbe
var pathsLayer = new WorldWind.RenderableLayer();
pathsLayer.displayName = "Paths";
pathsLayer.addRenderable(path);
wwd.addLayer(pathsLayer);
//Layermanager létrehozása
var layerManger = new LayerManager(wwd);
//Eseménykeelés a kiemeléshez
var highlightController = new WorldWind.HighlightController(wwd);