<pre>
<link rel="stylesheet" href="/html5GlobeFiles/css/colorbox.css">
<link rel="stylesheet" href="/html5GlobeFiles/css/earthviewer_styles_unique.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="/html5GlobeFiles/js/globe.min.js"></script>
</pre>
<div id="globeGl_" class="globeGl"></div>
<pre>
<script>
var g = $("div#globeGl_").globe({
globeRadius:{val:200},
globeShine:{val:10},
globeTexture:{val:"textures/earthmap10k.jpg"},
globeBump:{val:"textures/earthbump1k.jpg"},
globeMinScale:{val:0.3},
globeMaxScale:{val:2.5},
globeSegments:{val:50},
momentum:{val:0.07},
ambientIntensity:{val:2.5},
ambientColor:{val:"#555584"},
ambientPosX:{val:-5000},
ambientPosY:{val:-15000},
ambientPosZ:{val:-15000},
headLampIntensity:{val:1.2},
headLampColor:{val:"#ffffff"},
headLampPosX:{val:500},
headLampPosY:{val:1000},
headLampPosZ:{val:0},
hotSpotIcon:{val:"textures/hotspotIconsOrange/nano_LT.png"},
backPlateTexture:{val:"textures/backPlate_glow.png"},
backPlateMargin:{val:10},
debugMode:{val:false},
popWidth:{val:"80%"},
popHeight:{val:"80%"},
contentClass:{val:".hotspot"},
hotspotCssOverride:{val:"hotspot_override"},
cameraTargetX:{val:0},
cameraTargetY:{val:0},
cameraTargetZ:{val:0},
autoRotateSpeed:{val:0.02},
autoRotate:{val:false},
clickExternal:{val:false},
assetPath:{val:"/html5GlobeFiles/"},
zoomWheelDirection:{val:"downIn"},
onlyOrbitOnGlobe:{val:true},
allowUserZoom:{val:true},
});
</script>
</pre>