Add example of Google geocoding API usage

CoreDumpling · CoreDumpling · commit ab751fbb2f86 · 2012-04-30T18:29:36.000-07:00
diff --git a/globe/index.html b/globe/index.html
@@ -129,6 +129,7 @@
   <script type="text/javascript" src="/globe/third-party/Three/Detector.js"></script>
   <script type="text/javascript" src="/globe/third-party/Tween.js"></script>
   <script type="text/javascript" src="/globe/globe.js"></script>
+  <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
   <script type="text/javascript">
 
     if(!Detector.webgl){
@@ -164,25 +165,16 @@
       var xhr;
       TWEEN.start();
 
-
-      xhr = new XMLHttpRequest();
-      xhr.open('GET', '/globe/population909500.json', true);
-      xhr.onreadystatechange = function(e) {
-        if (xhr.readyState === 4) {
-          if (xhr.status === 200) {
-            var data = JSON.parse(xhr.responseText);
-            window.data = data;
-            for (i=0;i<data.length;i++) {
-              globe.addData(data[i][1], {format: 'magnitude', name: data[i][0], animated: true});
-            }
-            globe.createPoints();
-            settime(globe,0)();
-            globe.animate();
-          }
-        }
-      };
-      xhr.send(null);
-    }
+		var geocoder = new google.maps.Geocoder();
+		geocoder.geocode({'address': "Los Angeles"}, function(results, status) {
+			if (status == google.maps.GeocoderStatus.OK) {
+				globe.addData([results[0].geometry.location.lat(), results[0].geometry.location.lng(), 0.5], {format: "magnitude", name: "test", animated: true});
+				globe.createPoints();
+				settime(globe,0)();
+				globe.animate();
+			}
+		});
+	}
 
   </script>
 
