„NASA World Wind SDK” változatai közötti eltérés

Innen: GIS Wiki
(Szöveg)
(Alakzatok)
8. sor: 8. sor:
 
=== Alakzatok ===
 
=== Alakzatok ===
  
====Szöveg ====
+
====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

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