widgets/mapview.html

   1 <div data-role="page" data-add-back-btn="true" id="mapview-demo-page">
   2         <div data-role="header"  data-position="fixed">
   3                 <h1>Map View</h1>
   4         </div><!-- /header -->
   5         <div data-role="content">
   6                 <div id="sampleMap" data-role="mapview" style="height:360px;" data-zoom="8" data-center="126.981354,37.589207"></div>
   7
   8                 <!-- menu popup -->
   9                 <div id="map_menu_popup" data-role="popupwindow" data-show-arrow="b">
  10                         <ul data-role="listview">
  11                                 <li><a href="#" id="routeFrom">Route from</a></li>
  12                                 <li><a href="#" id="routeTo">Route to</a></li>
  13                                 <li><a href="#" id="getAddress">Get Address</a></li>
  14                         </ul>
  15                 </div><!-- /popup -->
  16
  17                 <!-- result popup -->
  18                 <div id="map_result_popup" data-role="popup" class="center_basic_1btn">
  19                         <p class="ui-popup-text"></p>
  20                         <div class="ui-popup-button-bg">
  21                                 <a href="#" data-role="button" id="map_close_btn" data-inline="true">Close</a>
  22                         </div>
  23                 </div><!-- /popup -->
  24         </div><!-- /content -->
  25         <div data-role="footer">
  26         </div>
  27         <script src="mapview-demo.js"></script>
  28 </div><!-- /page -->