投稿 搜索
当前位置: 站长天下 / 分页搜索 / jQuery百度地图API搜索定位地区插件
jQuery百度地图API搜索定位地区插件
标签:

插件介绍

    这是一款jQuery百度地图插件调用API制作文字搜索和选择地区定位获取地图区域,用红相框标记地图区域效果代码。

    浏览器兼容性

    浏览器兼容性
    时间:2018-05-29
    阅读:

jQuery百度地图API搜索定位地区插件

简要教程

这是一款jQuery百度地图插件调用API制作文字搜索和选择地区定位获取地图区域,用红相框标记地图区域效果代码。
使用方法

在页面引用相关JS代码

<script src="js/jquery.min.js"></script>
<script src="js/layer/layer.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/baidu.jquery.js"></script>
<script src="js/DeviceMap.js"></script>
<script src="js/ztree/jquery.ztree.all.min.js"></script>

HTML结构

<div id="iot_admin_app">
    <div class="row row-ext" style="margin-top:2px;margin-left:4px;">
        <div id="DeviceMap" class="col-xs-12 col-sm-8" style="height:820px;border: 1px solid #ddd;border-radius: 4px;" data-test="test">
 
        </div>
        <div class="col-xs-12 col-sm-4 panel">
            <div  id="regionTree" class="s-mod row row-ext pre-scrollable ztree" style="min-height: 440px; border: 1px solid #ddd;border-radius: 4px;">
            </div>
            <div  class="s-mod row row-ext pre-scrollable" style="min-height: 364px; margin-top:2px;border: 1px solid #ddd;border-radius: 4px;">
                <input type="text" class="form-control  required " id="address" name="address" placeholder="安装地址"/>
            </div>
        </div>
    </div>
</div>

注:因为https协议问题,暂时不能预览,直接下载即可使用