lbs-nearby标签描述()

2024-02-29 01:59
文章标签 标签 描述 lbs nearby

本文主要是介绍lbs-nearby标签描述(),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

(单选题)lbs-nearby标签描述()
A)附近检索组件实现检索某点周边某类iop的功能,提供地图和列表两种展示方式
B)附近检索组件实现检索某点周边某类poi的功能,提供地图和列表两种展示方式
C)附近检索组件实现检索某点周边某类poi的功能,提供地图和数据两种展示方式
D)附近检索组件实现检索某点周边某类iop的功能,提供地图和数据两种展示方式

正确答案为:B
解析:lbs-nearby标签描述附近检索组件实现检索某点周边某类poi的功能,提供地图和列表两种展示方式.所以选B

附近检索组件

附近检索组件实现展示周边一定范围内指定poi数据的功能,有地图和列表两种展示方式

地图方式代码片段如下:

<lbs-nearby enable-geo="true" city="北京" num="10" query="美食" radius="5000" type="map" style="height:100%" sort=”price” center=”12961340.92,4823546.32”>
</lbs-nearby>

其中,

lbs-nearby表示地图附近检索标签;

enable-geo表示启动定位功能,启动定位后会以定位点为中心点坐标进行检索;

city表示检索城市;

num表示显示的检索结果条数;

query表示检索关键字;

radius表示周边检索的检索半径;

type表示是进图区还是列表页,其中map指图区,list指列表。

sort 表示排序方式,其中price指价格从低到高,distance指距离从进到远(需要center 或者开启geo),groupon表示团购优先

center 表示检索中心,如果想启用center,请将 enable-geo设为false,或者取消该属性。

修改后刷新界面的属性:city,num,type,query,sort,radius,center

实现的效果如下:
在这里插入图片描述
点击面板里的“到这里”会进入webapp版百度地图的线路查询(见下图),点击电话按钮可以拨打商家电话:
在这里插入图片描述
将type值改成list,得到检索列表效果如下:
在这里插入图片描述
点击列表里的数据会进入webapp百度地图的详情页面:
在这里插入图片描述

完整代码参考:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>附近检索组件</title>
<script src="http://api.map.baidu.com/components?ak=yourak&v=1.0">
</script>
</head>
<body>
<!—附近检索组件-->
<lbs-nearby enable-geo="true" city="北京" num="10" query="美食" radius="5000" type="map" style="height:100%">
</lbs-nearby>
</body>
</html>

取自“http://developer.baidu.com/map/wiki/index.php?title=webcomponent/guide/nearby&oldid=2944”

这篇关于lbs-nearby标签描述()的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/757253

相关文章

HTML中meta标签的常见使用案例(示例详解)

《HTML中meta标签的常见使用案例(示例详解)》HTMLmeta标签用于提供文档元数据,涵盖字符编码、SEO优化、社交媒体集成、移动设备适配、浏览器控制及安全隐私设置,优化页面显示与搜索引擎索引... 目录html中meta标签的常见使用案例一、基础功能二、搜索引擎优化(seo)三、社交媒体集成四、移动

HTML input 标签示例详解

《HTMLinput标签示例详解》input标签主要用于接收用户的输入,随type属性值的不同,变换其具体功能,本文通过实例图文并茂的形式给大家介绍HTMLinput标签,感兴趣的朋友一... 目录通用属性输入框单行文本输入框 text密码输入框 password数字输入框 number电子邮件输入编程框

HTML img标签和超链接标签详细介绍

《HTMLimg标签和超链接标签详细介绍》:本文主要介绍了HTML中img标签的使用,包括src属性(指定图片路径)、相对/绝对路径区别、alt替代文本、title提示、宽高控制及边框设置等,详细内容请阅读本文,希望能对你有所帮助... 目录img 标签src 属性alt 属性title 属性width/h

HTML5 中的<button>标签用法和特征

《HTML5中的<button>标签用法和特征》在HTML5中,button标签用于定义一个可点击的按钮,它是创建交互式网页的重要元素之一,本文将深入解析HTML5中的button标签,详细介绍其属... 目录引言<button> 标签的基本用法<button> 标签的属性typevaluedisabled

全面解析HTML5中Checkbox标签

《全面解析HTML5中Checkbox标签》Checkbox是HTML5中非常重要的表单元素之一,通过合理使用其属性和样式自定义方法,可以为用户提供丰富多样的交互体验,这篇文章给大家介绍HTML5中C... 在html5中,Checkbox(复选框)是一种常用的表单元素,允许用户在一组选项中选择多个项目。本

使用Python和Tkinter实现html标签去除工具

《使用Python和Tkinter实现html标签去除工具》本文介绍用Python和Tkinter开发的HTML标签去除工具,支持去除HTML标签、转义实体并输出纯文本,提供图形界面操作及复制功能,需... 目录html 标签去除工具功能介绍创作过程1. 技术选型2. 核心实现逻辑3. 用户体验增强如何运行

CSS去除a标签的下划线的几种方法

《CSS去除a标签的下划线的几种方法》本文给大家分享在CSS中,去除a标签(超链接)的下划线的几种方法,本文给大家介绍的非常详细,感兴趣的朋友一起看看吧... 在 css 中,去除a标签(超链接)的下划线主要有以下几种方法:使用text-decoration属性通用选择器设置:使用a标签选择器,将tex

MyBatis 动态 SQL 优化之标签的实战与技巧(常见用法)

《MyBatis动态SQL优化之标签的实战与技巧(常见用法)》本文通过详细的示例和实际应用场景,介绍了如何有效利用这些标签来优化MyBatis配置,提升开发效率,确保SQL的高效执行和安全性,感... 目录动态SQL详解一、动态SQL的核心概念1.1 什么是动态SQL?1.2 动态SQL的优点1.3 动态S

Python基于wxPython和FFmpeg开发一个视频标签工具

《Python基于wxPython和FFmpeg开发一个视频标签工具》在当今数字媒体时代,视频内容的管理和标记变得越来越重要,无论是研究人员需要对实验视频进行时间点标记,还是个人用户希望对家庭视频进行... 目录引言1. 应用概述2. 技术栈分析2.1 核心库和模块2.2 wxpython作为GUI选择的优

Maven pom.xml文件中build,plugin标签的使用小结

《Mavenpom.xml文件中build,plugin标签的使用小结》本文主要介绍了Mavenpom.xml文件中build,plugin标签的使用小结,文中通过示例代码介绍的非常详细,对大家的学... 目录<build> 标签Plugins插件<build> 标签<build> 标签是 pom.XML