index.html 4.9 KB
<!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>