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

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

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

使用方法
在页面引用相关JS代码

1
2
3
4
5
6
<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结构

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<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>

文件信息:

    0

    发表评论