www.webglearth.com/index.html at gh-pages · webglearth/www.webglearth.com · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
  <meta name="robots" content="index, all" />
  <meta name="description" content="Open-source virtual planet web application running in any web browser with support for WebGL HTML5 standard.">
  <meta name="author" content="MapTiler AG">
  <meta name="twitter:card" content="summary_large_image">
  <meta property="og:title" content="WebGL Earth - 3D digital globe for web and mobile devices" />
  <meta property="og:description" content="Open-source virtual planet web application running in any web browser with support for WebGL HTML5 standard." />
  <meta property="og:image" content="https://www.webglearth.com/webglearth.png" />
  <title>WebGL Earth - 3D digital globe for web and mobile devices</title>

  <link rel="stylesheet" type="text/css" href="index.css" />
  <script src="index.js"></script>

  <script>
    function popup(url,w,h) {
      var l=(screen.width/2)-(w/2),t=(screen.height/2)-(h/2);
      window.open(url,'_blank','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=no,width='+w+',height='+h+',top='+t+',left='+l);
    }
  </script>
 </head>

 <body onload="javascript:new WebGLEarth();">
   <a href="https://www.webglearth.com/" id="logo"></a>
   <form><input type="search" name="geocoder" id="geocoder" label="Find a place..." placeholder="Find a place..." /></form>
   <select id="maptype">
     <option value="hybrid">MapTiler Satellite</option>
     <option value="streets">MapTiler Streets</option>
     <option value="osm">OpenStreetMap</option>
   </select>
   <div id="webglearthdiv"></div>

   <ul id="sidelinks">
     <li><a class="link jsapi" href="http://examples.webglearth.com/" target="_blank">Examples</a></li>
     <li><a class="link github" href="https://github.com/webglearth/webglearth2" target="_blank">GitHub</a></li>
     <li><a class="link maptiler" href="https://maptiler.com/cloud/" target="_blank">Maps API</a></li>
   </ul>
   <ul id="share">
     <li><p>Share</p></li>
     <li><a class="link twitter" href="https://twitter.com/share?original_referer=http://www.webglearth.com/&amp;text=WebGL Earth - 3D digital globe for web and mobile devices" target="_blank" onclick="popup(this.href,450,257);return false">Tweet</a></li>
<!---     <li><a class="link gplus" href="https://plus.google.com/share?url=http://www.webglearth.com/" target="_blank" onclick="popup(this.href,610,315);return false">Google+</a></li> -->
     <li><a class="link facebook" href="https://www.facebook.com/sharer/sharer.php?u=http://www.webglearth.com/" target="_blank" onclick="popup(this.href,645,353);return false">Facebook</a></li>
   </ul>
   <a href="https://maptiler.com/" id="maptiler"><img src="/maptiler-logo.png" alt="MapTiler logo"></a>
 </body>
</html>