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

简介: 百度地图开发:实现附近距离的筛选功能
    <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

相关文章
|
2月前
|
开发工具 git 开发者
百度搜索:蓝易云【Git实际开发的流程】
以上是Git在实际开发中的一般流程。Git的分布式版本控制系统使得团队开发更加高效和灵活,并能有效管理项目的版本历史。
39 1
|
9月前
|
API 开发者
百度批量算路功能使用
百度批量算路功能使用
64 0
|
4天前
|
数据采集 JavaScript 前端开发
详尽分享网站网页中加入各种分享按钮功能百度分享
详尽分享网站网页中加入各种分享按钮功能百度分享
|
5天前
ueditor1.5 百度富文本 编辑器增加字间距功能及按钮
ueditor1.5 百度富文本 编辑器增加字间距功能及按钮
5 0
|
2月前
|
Android开发
Flutter完整开发实战详解(六、 深入Widget原理),2024百度Android岗面试真题收录解析
Flutter完整开发实战详解(六、 深入Widget原理),2024百度Android岗面试真题收录解析
|
2月前
|
人工智能 编解码 数据安全/隐私保护
才发现百度自带的AI图片助手这么好用,去水印、画质优化、AI扩图、涂抹消除等功能一应俱全!
才发现百度自带的AI图片助手这么好用,去水印、画质优化、AI扩图、涂抹消除等功能一应俱全!
377 0
|
2月前
|
自然语言处理 API 语音技术
Python加百度语音API实现文字转语音功能
Python加百度语音API实现文字转语音功能
88 0
|
12月前
|
移动开发 小程序 JavaScript
微信小程序学习实录5(H5嵌入小程序、map组件、地图调起功能、腾讯百度高德导航页、返回web-view页)
微信小程序学习实录5(H5嵌入小程序、map组件、地图调起功能、腾讯百度高德导航页、返回web-view页)
369 0
|
12月前
|
移动开发 JavaScript 前端开发
数据可视化大屏百度地图手机端标注开发实战案例解析(jsAPI接口、标注分类图片、文本标签、分类筛选、自适应高度信息弹窗、PHP后端API)
数据可视化大屏百度地图手机端标注开发实战案例解析(jsAPI接口、标注分类图片、文本标签、分类筛选、自适应高度信息弹窗、PHP后端API)
168 0
|
2月前
|
前端开发 定位技术
百度地图开发如何自定义控件(无敌的解决办法)
百度地图开发如何自定义控件(无敌的解决办法)
45 0
百度地图开发如何自定义控件(无敌的解决办法)