133 lines
		
	
	
		
			5.5 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
		
		
			
		
	
	
			133 lines
		
	
	
		
			5.5 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
|  | <!DOCTYPE html> | ||
|  | <html> | ||
|  | <head> | ||
|  |     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> | ||
|  |     <title>地图位置(经纬度)选择插件</title> | ||
|  |     <link rel="stylesheet" href="__CDN__/assets/css/frontend.min.css"/> | ||
|  |     <link rel="stylesheet" href="__CDN__/assets/libs/font-awesome/css/font-awesome.min.css"/> | ||
|  | </head> | ||
|  | <body> | ||
|  | <div class="container"> | ||
|  | 
 | ||
|  |     <div class="bs-docs-section clearfix"> | ||
|  |         <div class="row"> | ||
|  |             <div class="col-lg-12"> | ||
|  |                 <div class="page-header"> | ||
|  |                     <h2>地图位置(经纬度)选择示例</h2> | ||
|  |                 </div> | ||
|  | 
 | ||
|  |                 <div class="bs-component"> | ||
|  |                     <form action="" method="post" role="form"> | ||
|  |                         <div class="form-group"> | ||
|  |                             <label for=""></label> | ||
|  |                             <input type="text" class="form-control" name="" id="address" placeholder="地址"> | ||
|  |                         </div> | ||
|  |                         <div class="form-group"> | ||
|  |                             <label for=""></label> | ||
|  |                             <input type="text" class="form-control" name="" id="lng" placeholder="经度"> | ||
|  |                         </div> | ||
|  |                         <div class="form-group"> | ||
|  |                             <label for=""></label> | ||
|  |                             <input type="text" class="form-control" name="" id="lat" placeholder="纬度"> | ||
|  |                         </div> | ||
|  |                         <div class="form-group"> | ||
|  |                             <label for=""></label> | ||
|  |                             <input type="text" class="form-control" name="" id="zoom" placeholder="缩放"> | ||
|  |                         </div> | ||
|  | 
 | ||
|  |                         <button type="button" class="btn btn-primary" data-toggle='addresspicker' data-input-id="address" data-lng-id="lng" data-lat-id="lat" data-zoom-id="zoom">点击选择</button> | ||
|  |                     </form> | ||
|  |                 </div> | ||
|  | 
 | ||
|  |                 <div class="page-header"> | ||
|  |                     <h2 id="code">调用代码</h2> | ||
|  |                 </div> | ||
|  |                 <div class="bs-component"> | ||
|  |                         <textarea class="form-control" rows="17"> | ||
|  |                             <form action="" method="post" role="form"> | ||
|  |                                 <div class="form-group"> | ||
|  |                                     <label for=""></label> | ||
|  |                                     <input type="text" class="form-control" name="" id="address" placeholder="地址"> | ||
|  |                                 </div> | ||
|  |                                 <div class="form-group"> | ||
|  |                                     <label for=""></label> | ||
|  |                                     <input type="text" class="form-control" name="" id="lng" placeholder="经度"> | ||
|  |                                 </div> | ||
|  |                                 <div class="form-group"> | ||
|  |                                     <label for=""></label> | ||
|  |                                     <input type="text" class="form-control" name="" id="lat" placeholder="纬度"> | ||
|  |                                 </div> | ||
|  |                                 <div class="form-group"> | ||
|  |                                     <label for=""></label> | ||
|  |                                     <input type="text" class="form-control" name="" id="zoom" placeholder="缩放"> | ||
|  |                                 </div> | ||
|  | 
 | ||
|  |                                 <button type="button" class="btn btn-primary" data-toggle='addresspicker' data-input-id="address" data-lng-id="lng" data-lat-id="lat" data-zoom-id="zoom">点击选择</button> | ||
|  |                             </form> | ||
|  |                         </textarea> | ||
|  |                 </div> | ||
|  |                 <div class="page-header"> | ||
|  |                     <h2>参数说明</h2> | ||
|  |                 </div> | ||
|  | 
 | ||
|  |                 <div class="bs-component" style="background:#fff;"> | ||
|  |                     <table class="table table-bordered"> | ||
|  |                         <thead> | ||
|  |                         <tr> | ||
|  |                             <th>参数</th> | ||
|  |                             <th>释义</th> | ||
|  |                         </tr> | ||
|  |                         </thead> | ||
|  |                         <tbody> | ||
|  |                         <tr> | ||
|  |                             <td>data-input-id</td> | ||
|  |                             <td>填充地址的文本框ID</td> | ||
|  |                         </tr> | ||
|  |                         <tr> | ||
|  |                             <td>data-lng-id</td> | ||
|  |                             <td>填充经度的文本框ID</td> | ||
|  |                         </tr> | ||
|  |                         <tr> | ||
|  |                             <td>data-lat-id</td> | ||
|  |                             <td>填充纬度的文本框ID</td> | ||
|  |                         </tr> | ||
|  |                         <tr> | ||
|  |                             <td>data-zoom-id</td> | ||
|  |                             <td>填充缩放的文本框ID</td> | ||
|  |                         </tr> | ||
|  |                         </tbody> | ||
|  |                     </table> | ||
|  |                 </div> | ||
|  | 
 | ||
|  |             </div> | ||
|  |         </div> | ||
|  |     </div> | ||
|  | 
 | ||
|  | </div> | ||
|  | <!--@formatter:off--> | ||
|  | <script type="text/javascript"> | ||
|  |     var require = { | ||
|  |         config: {$config|json_encode} | ||
|  |     }; | ||
|  | </script> | ||
|  | <!--@formatter:on--> | ||
|  | 
 | ||
|  | <script> | ||
|  |     require.callback = function () { | ||
|  |         define('addons/address', ['jquery', 'bootstrap', 'frontend', 'template'], function ($, undefined, Frontend, Template) { | ||
|  |             var Controller = { | ||
|  |                 index: function () { | ||
|  |                 } | ||
|  |             }; | ||
|  |             return Controller; | ||
|  |         }); | ||
|  |         define('lang', function () { | ||
|  |             return []; | ||
|  |         }); | ||
|  |     } | ||
|  | </script> | ||
|  | 
 | ||
|  | <script src="__CDN__/assets/js/require.min.js" data-main="__CDN__/assets/js/require-frontend.min.js?v={$site.version}"></script> | ||
|  | </body> | ||
|  | </html> |