自学内容网 自学内容网

Fastadmin地图插件在表单中的使用

表单中实现地图选择获取经纬度

1.Fastadmin后台安装地图选择插件地图位置(经纬度)选择插件 - 支持百度地图、高德地图、腾讯地图 – 基于ThinkPHP和Bootstrap的极速后台开发框架

2.腾讯地图开放平台后台创建应用创建KEY,配置逆地址解析额度。插件配置中配置腾讯地图的KEY

3.在表单中添加以下代码。

    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Address')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-address" class="form-control" name="row[address]" type="text" value="{$row.address|htmlentities}">
            <button type="button" class="btn btn-primary" data-toggle='addresspicker' data-input-id="c-address" data-lng-id="c-lng" data-lat-id="c-lat">点击选择地址获取经纬度</button>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Lng')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-lng" class="form-control" name="row[lng]" type="text"  value="{$row.lng|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Lat')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-lat" class="form-control" name="row[lat]" type="text"  value="{$row.lat|htmlentities}">
        </div>
    </div>

返回的地址填充文本框,可以配置data-input-id="文本框ID",同时可配置data-lat-id="文本框ID"data-lng-id="文本框ID"data-zoom-id="缩放级别ID。


原文地址:https://blog.csdn.net/qq_40088333/article/details/144346858

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!