index.html 4.8 KB

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