SuperMapGIS 搜索定位

最新推荐文章于 2020-05-18 11:06:17 发布

毅坚倔

最新推荐文章于 2020-05-18 11:06:17 发布

阅读量1.1k

点赞数 1

分类专栏： SuperMap GIS

本文链接：https://blog.csdn.net/weixin_44543519/article/details/87890149

版权

本文介绍了如何使用SuperMapGIS进行查询搜索，根据地址、企业或医疗服务类型进行模糊搜索，并展示了在搜索结果中点击地址进行定位的详细步骤。

摘要由CSDN通过智能技术生成

关键技术： SuperMapGIS
作者：李嘉乐
一、在查询搜索模块中点击下拉框选择地址、企业、医疗服务任意一类型的地址，然后在文本框中输入你要查询的关键字，点击查询进行模糊搜索。（注意：如果下拉框选择的是地址就只可以查询加油站、收费站、商业大厦等类型地址，如果选择的是企业那就只能查询公司企业类型的地址，如果选择的是医疗服务就只能查询医院和药店）结果展示在右侧栏
如图：
在这里插入图片描述
代码如下：

<li>
                        <a><i class="fa fa-search"></i>查询搜索<span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level">
                            <li class="panel-body">
                                <div class="input-group">
                                    <div class="input-group-btn">
                                        <select class="btn btn-default dropdown-toggle ChaXunweizhi" data-toggle="dropdown" aria-haspopup="true">
                                            <option value="1">地址</option>
                                            <option value="2">企业</option>
                                            <option value="3">医疗服务 </option>
                                        </select>
                                        
                                    </div>
                                    <input class="form-control wb">
                                </div>

                                <div style="margin-top: 3px;" class="text-right">
                                    <button onclick="searchShow()" class="btn btn-primary">查询</button>
                                </div>
                            </li>
                        </ul>
                    </li>


<!-- 栅格右菜单 开始 -->
        <nav class="navbar-default caidanRight" role="navigation">
            <div class="panel-heading alert alert-info col-lg-12 col-sm-12 col-md-12">
               <div style="width:100%;background-color:aqua">
                   <span class="col-lg-10 col-sm-10 col-md-10">查询结果：</span>
                   <a onClick="outModel()" class="col-lg-1 col-sm-1 col-md-1"><i class="fa fa-close"></i></a>
               </div>
                <ul style="overflow:auto;width:100%;float:left;padding:10px 0 0px 0;height:500px" id="site"></ul>
            </div>
        </nav>
 markerLayer