examples/window/gmap.html

   1 <html>
   2 <head>
   3 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   4     <title>GMap Window Example</title>
   5     <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
   6
   7     <!-- GC -->
   8         <!-- LIBS -->
   9         <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
  10         <!-- ENDLIBS -->
  11
  12     <script type="text/javascript" src="../../ext-all.js"></script>
  13
  14 <!-- GMaps API Key that works for www.extjs.com -->
  15 <!--<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAUCG2rlIeVFJ07rCgVUYjhhSVbRpeAZk72H9nRSWIwLg0s1ul-BRlbCt360qbQumadan9ZlGxlCWzqg" type="text/javascript"></script>-->
  16 <!-- GMaps API Key that works for localhost -->
  17 <script src="http://maps.google.com/maps?file=api&amp;v=2.x&amp;key=ABQIAAAAJDLv3q8BFBryRorw-851MRT2yXp_ZAY8_ufC3CFXhHIE1NvwkxTyuslsNlFqyphYqv1PCUD8WrZA2A" type="text/javascript"></script>
  18
  19
  20     <script src="Ext.ux.GMapPanel.js"></script>
  21     <script src="gmap.js"></script>
  22
  23 <!-- Common Styles for the examples -->
  24 <link rel="stylesheet" type="text/css" href="../shared/examples.css" />
  25
  26     <style type="text/css">
  27     .x-panel-body p {
  28         margin:10px;
  29         font-size:12px;
  30     }
  31     </style>
  32 </head>
  33 <body>
  34 <script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->
  35
  36 <h1>GMap Window</h1>
  37 <p>This example shows how to create an extension and utilize an external library.</p>
  38 <input type="button" id="show-btn" value="Gimme a Map" /><br /><br />
  39 <p>Note that the js is not minified so it is readable. See <a href="Ext.ux.GMapPanel.js">Ext.ux.GMapPanel.js</a> and <a href="gmap.js">gmap.js</a> for the full source code.</p>
  40
  41 </body>
  42 </html>