123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
- <title>地图位置(经纬度)选择插件 - FastAdmin</title>
- <!-- Bootstrap Core CSS -->
- <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
- <!-- Custom CSS -->
- <link href="https://cdn.demo.fastadmin.net/assets/css/frontend.css" rel="stylesheet">
- <!-- Plugin CSS -->
- <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
- <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
- <!--[if lt IE 9]>
- <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
- <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
- <![endif]-->
- </head>
- <body>
- <div class="container">
- <div class="bs-docs-section clearfix">
- <div class="row">
- <div class="col-lg-12">
- <div class="page-header">
- <h2 id="navbar">地图位置(经纬度)选择示例</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>
- <button type="button" class="btn btn-primary" data-toggle='addresspicker' data-input-id="address" data-lng-id="lng" data-lat-id="lat">点击选择地址获取经纬度</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>
- <button type="button" class="btn btn-primary" data-toggle='addresspicker' data-input-id="address" data-lng-id="lng" data-lat-id="lat">点击选择地址获取经纬度</button>
- </form>
- </textarea>
- </div>
- <div class="page-header">
- <h2 id="navbar">参数说明</h2>
- </div>
- <div class="bs-component">
- <table class="table table-condensed table-hover">
- <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>
- </tbody>
- </table>
- </div>
- </div>
- </div>
- </div>
- </div>
- <script type="text/javascript">
- var require = {
- config: {$config | json_encode
- }
- }
- ;
- </script>
- <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>
|