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

简介: 百度地图开发:实现附近距离的筛选功能
    <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
百度地图开发:海量点、测距以及定位聚合功能
百度地图开发:海量点、测距以及定位聚合功能
329 0
|
24天前
|
数据可视化 数据挖掘 BI
|
数据可视化 前端开发 搜索推荐
数据可视化大屏百度地图GPS轨迹位置感知状态开发实战案例解析(百度地图jsAPI,包含缩放控件、点线覆盖物、弹窗、标注图标分类功能)
数据可视化大屏百度地图GPS轨迹位置感知状态开发实战案例解析(百度地图jsAPI,包含缩放控件、点线覆盖物、弹窗、标注图标分类功能)
328 0
|
定位技术 容器
高德地图进阶开发实战案例(10):地图选取起终点OD位置经纬度的驾车规划路线
高德地图进阶开发实战案例(10):地图选取起终点OD位置经纬度的驾车规划路线
160 0
|
9月前
【sgSearch】自定义组件:常用搜索栏筛选框组件(包括表格高度变化兼容)。
【sgSearch】自定义组件:常用搜索栏筛选框组件(包括表格高度变化兼容)。
|
JSON 定位技术 API
百度地图高级开发:获取某范围半径圆形区域检索覆盖物内的所有标注的解决方案(1)
百度地图高级开发:获取某范围半径圆形区域检索覆盖物内的所有标注的解决方案(1)
348 0
|
机器学习/深度学习 算法 知识图谱
几种距离的度量方式
几种距离的度量方式
411 0
几种距离的度量方式
|
定位技术 开发工具 Android开发
百度地图开发-显示实时位置信息 04
百度地图开发-显示实时位置信息 04
239 0
百度地图开发-显示实时位置信息 04
|
算法
快速选择
题目: 给定一个长度为 n 的整数数列,以及一个整数 k,请用快速选择算法求出数列从小到大排序后的第 k 个 数。 输入格式 第一行包含两个整数 n 和 k。 第二行包含 n 个整数(所有整数均在 1∼109 范围内),表示整数数列。 输出格式 输出一个整数,表示数列的第 k 小数。 数据范围 1≤n≤100000, 1≤k≤n 输入样例: 5 3 2 4 1 5 3 输出样例: 3
128 0
|
定位技术 开发工具 开发者
百度地图开发-在地图上检索数据 08
百度地图开发-在地图上检索数据 08
309 0
百度地图开发-在地图上检索数据 08