Skip to content

Instantly share code, notes, and snippets.

View yunusyurtturk's full-sized avatar

Yunus Yurttürk yunusyurtturk

View GitHub Profile
var viewer = new Cesium.Viewer('cesiumContainer');
var screenSpaceEventHandler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);
var startPoint = new Cesium.Cartographic();
var endPoint = new Cesium.Cartographic();
// Event handler for left click
screenSpaceEventHandler.setInputAction(function(click) {
var viewer = new Cesium.Viewer('cesiumContainer');
//Normally you would define the default styles
//in CSS, but for the example it's easier to
//just do it here.
var geoOverlay = document.createElement('div');
viewer.container.appendChild(geoOverlay);
geoOverlay.style.display = 'none';
geoOverlay.style['background-color'] = 'white';
geoOverlay.style.position = 'absolute';
@mramato
mramato / DrawHorizonPoint.js
Created July 14, 2015 01:45
A simple Cesium example of drawing a label at the horizon point.
var viewer = new Cesium.Viewer('cesiumContainer');
var scene = viewer.scene;
var ellipsoid = scene.globe.ellipsoid;
var entity = viewer.entities.add({
label : {
show : true,
outlineColor: Cesium.Color.BLACK,
verticalOrigin : Cesium.VerticalOrigin.BOTTOM,
@mramato
mramato / EntityModelTexture.js
Last active October 8, 2024 13:02
Cesium example of texturing a model loaded with the Entity API
var viewer = new Cesium.Viewer('cesiumContainer', {
infoBox : false,
selectionIndicator : false
});
var entity = viewer.entities.add({
position : Cesium.Cartesian3.fromDegrees(-123, 44, 10),
model : {
uri : '../../../Specs/Data/Models/Box-Textured/CesiumTexturedBoxTest.gltf',
minimumPixelSize : 128
@mramato
mramato / EntityModelColor.js
Created June 24, 2015 21:59
Cesium example of coloring a model loaded with the Entity API
var viewer = new Cesium.Viewer('cesiumContainer', {
infoBox : false,
selectionIndicator : false
});
var entity = viewer.entities.add({
position : Cesium.Cartesian3.fromDegrees(-123, 44, 10),
model : {
uri : '../../../Specs/Data/Models/Box/CesiumBoxTest.gltf',
minimumPixelSize : 128
@mramato
mramato / WallpaperMaterial.js
Created February 26, 2015 03:26
A Cesium demo for creating a custom wallpaper material
//Call this once at application startup
Cesium.Material._materialCache.addMaterial('Wallpaper', {
fabric : {
type : 'Wallpaper',
uniforms : {
image : Cesium.Material.DefaultImageId,
anchor : new Cesium.Cartesian2(0, 0)
},
components : {
diffuse : 'texture2D(image, fract((gl_FragCoord.xy - anchor.xy) / vec2(imageDimensions.xy))).rgb',
@mramato
mramato / Two Widgets.html
Created September 16, 2013 14:33
Cesium Sandcastle example of two synchronized Viewer widgets in a single application.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <!-- Use Chrome Frame in IE -->
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<meta name="description" content="Use the Viewer Widget to start building new applications or easily embed Cesium into existing applications.">
<meta name="cesium-sandcastle-labels" content="Beginner">
<title>Cesium Demo</title>
<script type="text/javascript" src="../Sandcastle-header.js"></script>