百度地图开发:实现附近距离的筛选功能

简介: 百度地图开发:实现附近距离的筛选功能
    <div class="weui-panel weui-panel_access">
        <div class="weui-panel__hd">地址:<span>济南市槐荫区经十路28722号 电话:13216623416</span></div>
        <div class="weui-panel__bd">
            <a aria-labelledby="js_p1m1_bd" href="javascript:" class="weui-media-box weui-media-box_appmsg">
                <div aria-hidden="true" class="weui-media-box__hd">
                    <img class="weui-media-box__thumb" src="upload/nopic.jpg" alt="">
                </div>
                <div aria-hidden="true" id="js_p1m1_bd" class="weui-media-box__bd">
                    <strong class="weui-media-box__title">济南市106医院 <sup class="grade">三级甲等 私立</sup></strong>
                    <div class="weui-media-box__desc">由各种物质组成的巨型球状天体,叫做星球。星球有一定的形状,有自己的运行轨道。<p><label>距离:6.6km</label>  <label>导航</label></p></div>
                </div>
            </a>
        </div>
        <div class="weui-panel__ft">
            <a href="#" class="weui-cell weui-cell_access"><span class="weui-cell__bd" style="text-align: right;">更多详情</span><span class="weui-cell__ft"></span></a>
        </div>


    <div class="weui-panel weui-panel_access">
        <div class="weui-panel__hd grade">三级甲等 私立</div>
        <div class="weui-panel__bd">
            <a href="javascript:" class="weui-media-box weui-media-box_appmsg">
                <div class="weui-media-box__hd"><img class="weui-media-box__thumb" src="upload/nopic.jpg" alt=""></div>
                <div class="weui-media-box__bd">
                    <div class="weui-media-box__title hosTitle">济南市106医院</div>
                    <div class="weui-media-box__desc">常熟市第一人民医院(苏州大学附属常熟医院)建院于1949年,是一所集医疗、教学、科研为一体的三级。</div>
                    <div class="weui-media-box__desc2 layui-icon layui-icon-location"> 常熟市书院街1号</div>
                    <div class="weui-media-box__desc2 layui-icon layui-icon-cellphone"> 0574-86313598</div>
                </div></a>
            <div class="weui-media-box weui-media-box_text">
                <ul style="padding-bottom:10px;float: right;">
                    <li class="weui-media-box__info__meta layui-icon layui-icon-find-fill" style="font-size: 13px;">6.6km <a href="#">导航到这里</a></li>
                    <a href="#"><li class="weui-media-box__info__meta weui-media-box__info__meta_extra layui-icon layui-icon-link" style="font-size: 13px;"> 详情链接</li></a>
                </ul>
            </div>
        </div>
    </div>


@lockdata.cn

相关文章
|
数据可视化 定位技术 API
百度地图开发:海量点、测距以及定位聚合功能
百度地图开发:海量点、测距以及定位聚合功能
317 0
|
6月前
|
定位技术
腾讯地图的(地图选点|输入模糊匹配)
腾讯地图的(地图选点|输入模糊匹配)
|
7月前
【sgSearch】自定义组件:常用搜索栏筛选框组件(包括表格高度变化兼容)。
【sgSearch】自定义组件:常用搜索栏筛选框组件(包括表格高度变化兼容)。
|
数据可视化 前端开发 搜索推荐
数据可视化大屏百度地图GPS轨迹位置感知状态开发实战案例解析(百度地图jsAPI,包含缩放控件、点线覆盖物、弹窗、标注图标分类功能)
数据可视化大屏百度地图GPS轨迹位置感知状态开发实战案例解析(百度地图jsAPI,包含缩放控件、点线覆盖物、弹窗、标注图标分类功能)
302 0
|
7月前
GEE图表——趋势线图表的加载和展示包含纵坐标间隔的设定(以某区域年均降水总量为例)
GEE图表——趋势线图表的加载和展示包含纵坐标间隔的设定(以某区域年均降水总量为例)
94 0
|
7月前
ArcGIS矢量面要素中零碎小面积空洞区域补全与单独部分区域分离并剔除
ArcGIS矢量面要素中零碎小面积空洞区域补全与单独部分区域分离并剔除
159 1
|
7月前
|
测试技术
【sgTransfer】自定义组件:带有翻页、页码、分页器的穿梭框组件,支持大批量数据的穿梭显示。
【sgTransfer】自定义组件:带有翻页、页码、分页器的穿梭框组件,支持大批量数据的穿梭显示。
|
定位技术 开发工具 Android开发
百度地图开发-显示实时位置信息 04
百度地图开发-显示实时位置信息 04
222 0
百度地图开发-显示实时位置信息 04
|
前端开发
前端工作总结125-数据在表格横坐标动态显示
前端工作总结125-数据在表格横坐标动态显示
101 0
前端工作总结125-数据在表格横坐标动态显示
|
索引
好客租房148-渲染右侧索引列表(滚动城市列表高亮)
好客租房148-渲染右侧索引列表(滚动城市列表高亮)
118 0
好客租房148-渲染右侧索引列表(滚动城市列表高亮)