examples/bootstrap/LocationPicker.html
authoredward <edward@roojs.com>
Tue, 13 Oct 2015 09:39:37 +0000 (17:39 +0800)
committeredward <edward@roojs.com>
Tue, 13 Oct 2015 09:39:37 +0000 (17:39 +0800)
examples/bootstrap/LocationPicker.html

index d131e31..c9dba55 100644 (file)
@@ -1,75 +1,43 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <title>Bootstrap Location Picker Example</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    
-    <!-- Bootstrap -->
-    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
-    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap-theme.min.css">
-        
-        
-    <link rel="stylesheet" href="../../css-bootstrap/select2.css">        
-    <link rel="stylesheet" href="../../css-bootstrap/combobox.css">        
-        
-    <script type="text/javascript" src='http://maps.google.com/maps/api/js?sensor=false&libraries=places'></script>
-    
-    <script type="text/javascript" src="../../roojs-core-debug.js"></script>
-    <!-- bootstrap js.. needs to compile it later.. -->
-    <script type="text/javascript" src="../../Roo/XComponent.js"></script>
-    <script type="text/javascript" src="../../Roo/bootstrap/Component.js"></script>
-    <script type="text/javascript" src="../../Roo/bootstrap/Body.js"></script>
-    <script type="text/javascript" src="../../Roo/bootstrap/Container.js"></script>
-    <script type="text/javascript" src="../../Roo/bootstrap/Column.js"></script>
-    <script type="text/javascript" src="../../Roo/bootstrap/Navbar.js"></script>
-    <script type="text/javascript" src="../../Roo/bootstrap/Menu.js"></script>
-    <script type="text/javascript" src="../../Roo/bootstrap/MenuItem.js"></script>
-    <script type="text/javascript" src="../../Roo/bootstrap/MenuSeparator.js"></script>
-    
-    <script type="text/javascript" src="../../Roo/bootstrap/NavGroup.js"></script>
-    <script type="text/javascript" src="../../Roo/bootstrap/Row.js"></script>
-    <script type="text/javascript" src="../../Roo/bootstrap/Button.js"></script>
-    <script type="text/javascript" src="../../Roo/bootstrap/ButtonGroup.js"></script>
-    <script type="text/javascript" src="../../Roo/bootstrap/Img.js"></script>
-    
-    <script type="text/javascript" src="../../Roo/bootstrap/Modal.js"></script>
-    <script type="text/javascript" src="../../Roo/bootstrap/Form.js"></script>
-    <script type="text/javascript" src="../../Roo/bootstrap/Input.js"></script>
-    
-    <script type="text/javascript" src="../../Roo/bootstrap/TriggerField.js"></script>
-    <script type="text/javascript" src="../../Roo/bootstrap/ComboBox.js"></script>
-    <script type="text/javascript" src="../../Roo/bootstrap/Calendar.js"></script>
-    <script type="text/javascript" src="../../Roo/bootstrap/Popover.js"></script>
-    
-    <script type="text/javascript" src="../../Roo/data/SortTypes.js"></script>
-    <script type="text/javascript" src="../../Roo/data/Record.js"></script>
-    <script type="text/javascript" src="../../Roo/data/Store.js"></script>
-    <script type="text/javascript" src="../../Roo/data/SimpleStore.js"></script>
-    <script type="text/javascript" src="../../Roo/data/JsonStore.js"></script>
-    <script type="text/javascript" src="../../Roo/data/Field.js"></script>
-    <script type="text/javascript" src="../../Roo/data/DataReader.js"></script>
-    <script type="text/javascript" src="../../Roo/data/DataProxy.js"></script>
-    <script type="text/javascript" src="../../Roo/data/MemoryProxy.js"></script>
-    <script type="text/javascript" src="../../Roo/data/HttpProxy.js"></script>
-    <script type="text/javascript" src="../../Roo/data/ScriptTagProxy.js"></script>
-    <script type="text/javascript" src="../../Roo/data/JsonReader.js"></script>
-    <script type="text/javascript" src="../../Roo/data/ArrayReader.js"></script>
-    
-    <script type="text/javascript" src="../../Roo/form/VTypes.js"></script>
-    <script type="text/javascript" src="../../Roo/View.js"></script>
-    
-    <script type="text/javascript" src="../../Roo/bootstrap/LocationPicker.js"></script>
-    
-    <!-- test code -->
-    <script type="text/javascript" src="LocationPicker.js"></script>
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
+    <meta charset="utf-8">
+    <title>Simple markers</title>
+    <style>
+      html, body {
+        height: 100%;
+        margin: 0;
+        padding: 0;
+      }
+      #map {
+        height: 100%;
+      }
+    </style>
   </head>
-  
-  <body id="body">
-    <script type="text/javascript">
-        Roo.onReady(function() {
-            Roo.XComponent.build();
-        });
+  <body>
+    <div id="map"></div>
+    <script>
+
+function initMap() {
+  var myLatLng = {lat: -25.363, lng: 131.044};
+
+  var map = new google.maps.Map(document.getElementById('map'), {
+    zoom: 4,
+    center: myLatLng
+  });
+
+  var marker = new google.maps.Marker({
+    map: map,
+    draggable: true,
+        animation: google.maps.Animation.DROP,
+        position: {lat: 59.327, lng: 18.067}
+      });
+//      marker.addListener('click', toggleBounce);
+}
 
     </script>
+    <script async defer
+        src="https://maps.googleapis.com/maps/api/js?signed_in=true&callback=initMap"></script>
   </body>
 </html>
\ No newline at end of file