index.html 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
  5. <title>地图位置(经纬度)选择插件 - FastAdmin</title>
  6. <!-- Bootstrap Core CSS -->
  7. <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
  8. <!-- Custom CSS -->
  9. <link href="https://cdn.demo.fastadmin.net/assets/css/frontend.css" rel="stylesheet">
  10. <!-- Plugin CSS -->
  11. <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
  12. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  13. <!--[if lt IE 9]>
  14. <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
  15. <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
  16. <![endif]-->
  17. </head>
  18. <body>
  19. <div class="container">
  20. <div class="bs-docs-section clearfix">
  21. <div class="row">
  22. <div class="col-lg-12">
  23. <div class="page-header">
  24. <h2 id="navbar">地图位置(经纬度)选择示例</h2>
  25. </div>
  26. <div class="bs-component">
  27. <form action="" method="post" role="form">
  28. <div class="form-group">
  29. <label for=""></label>
  30. <input type="text" class="form-control" name="" id="address" placeholder="地址">
  31. </div>
  32. <div class="form-group">
  33. <label for=""></label>
  34. <input type="text" class="form-control" name="" id="lng" placeholder="经度">
  35. </div>
  36. <div class="form-group">
  37. <label for=""></label>
  38. <input type="text" class="form-control" name="" id="lat" placeholder="纬度">
  39. </div>
  40. <button type="button" class="btn btn-primary" data-toggle='addresspicker' data-input-id="address" data-lng-id="lng" data-lat-id="lat">点击选择地址获取经纬度</button>
  41. </form>
  42. </div>
  43. <div class="page-header">
  44. <h2 id="code">调用代码</h2>
  45. </div>
  46. <div class="bs-component">
  47. <textarea class="form-control" rows="17">
  48. <form action="" method="post" role="form">
  49. <div class="form-group">
  50. <label for=""></label>
  51. <input type="text" class="form-control" name="" id="address" placeholder="地址">
  52. </div>
  53. <div class="form-group">
  54. <label for=""></label>
  55. <input type="text" class="form-control" name="" id="lng" placeholder="经度">
  56. </div>
  57. <div class="form-group">
  58. <label for=""></label>
  59. <input type="text" class="form-control" name="" id="lat" placeholder="纬度">
  60. </div>
  61. <button type="button" class="btn btn-primary" data-toggle='addresspicker' data-input-id="address" data-lng-id="lng" data-lat-id="lat">点击选择地址获取经纬度</button>
  62. </form>
  63. </textarea>
  64. </div>
  65. <div class="page-header">
  66. <h2 id="navbar">参数说明</h2>
  67. </div>
  68. <div class="bs-component">
  69. <table class="table table-condensed table-hover">
  70. <thead>
  71. <tr>
  72. <th>参数</th>
  73. <th>释义</th>
  74. </tr>
  75. </thead>
  76. <tbody>
  77. <tr>
  78. <td>data-input-id</td>
  79. <td>填充地址的文本框ID</td>
  80. </tr>
  81. <tr>
  82. <td>data-lng-id</td>
  83. <td>填充经度的文本框ID</td>
  84. </tr>
  85. <tr>
  86. <td>data-lat-id</td>
  87. <td>填充纬度的文本框ID</td>
  88. </tr>
  89. </tbody>
  90. </table>
  91. </div>
  92. </div>
  93. </div>
  94. </div>
  95. </div>
  96. <script type="text/javascript">
  97. var require = {
  98. config: {$config | json_encode
  99. }
  100. }
  101. ;
  102. </script>
  103. <script>
  104. require.callback = function () {
  105. define('addons/address', ['jquery', 'bootstrap', 'frontend', 'template'], function ($, undefined, Frontend, Template) {
  106. var Controller = {
  107. index: function () {
  108. ;
  109. }
  110. };
  111. return Controller;
  112. });
  113. define('lang', function () {
  114. return [];
  115. });
  116. }
  117. </script>
  118. <script src="__CDN__/assets/js/require.min.js" data-main="__CDN__/assets/js/require-frontend.min.js?v={$site.version}"></script>
  119. </body>
  120. </html>