浏览器版本低!无法浏览完整内容,建议升级或更换浏览器。

文档全面上新

更科技的视觉体验,更高效的页面结构,快前往体验吧!

体验新版
(以“==附近检索组件== 附近检索组件实现展示周边一定范围内指定poi数据的功能,有地图和列表两种展示方式。地图方式代码片段...”为内容创建页面)
 
附近检索组件
第7行: 第7行:
 
其中,
 
其中,
 
lbs-nearby表示地图附近检索标签;
 
lbs-nearby表示地图附近检索标签;
 +
 
enable-geo表示启动定位功能,启动定位后会以定位点为中心点坐标进行检索;
 
enable-geo表示启动定位功能,启动定位后会以定位点为中心点坐标进行检索;
 +
 
city表示检索城市;
 
city表示检索城市;
 +
 
num表示显示的检索结果条数;
 
num表示显示的检索结果条数;
 +
 
query表示检索关键字;
 
query表示检索关键字;
 +
 
radius表示周边检索的检索半径;
 
radius表示周边检索的检索半径;
 +
 
type表示是进图区还是列表页,其中map指图区,list指列表。
 
type表示是进图区还是列表页,其中map指图区,list指列表。
 +
 
实现的效果如下:
 
实现的效果如下:
 +
 
XX
 
XX
点击面板里的“到这里”会进入webapp版百度地图的线路查询(见下图),点击电话按钮可以拨打商家电话。
+
点击面板里的“到这里”会进入webapp版百度地图的线路查询(见下图),点击电话按钮可以拨打商家电话:
 +
 
 
XX
 
XX
 
将type值改成list,得到检索列表效果如下:
 
将type值改成list,得到检索列表效果如下:
 +
 
XX
 
XX
 
点击列表里的数据会进入webapp百度地图的详情页面:
 
点击列表里的数据会进入webapp百度地图的详情页面:
 +
 
XX
 
XX
  
 
完整代码参考:
 
完整代码参考:
 +
 
<syntaxhighlight lang="html4strict" line start="100" enclose="div">
 
<syntaxhighlight lang="html4strict" line start="100" enclose="div">
  

2014年6月30日 (一) 17:41的版本

附近检索组件

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

<lbs-nearby enable-geo="true" city="北京" num="10" query="美食" radius="5000" type="map"></lbs-nearby>

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

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

city表示检索城市;

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

query表示检索关键字;

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

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

实现的效果如下:

XX 点击面板里的“到这里”会进入webapp版百度地图的线路查询(见下图),点击电话按钮可以拨打商家电话:

XX 将type值改成list,得到检索列表效果如下:

XX 点击列表里的数据会进入webapp百度地图的详情页面:

XX

完整代码参考:

  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  4. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  5. <title>附近检索组件</title>
  6. <script src="http://api.map.baidu.com/components?ak=CA4de4f8d8e3c3891eb39a78f8343cd4&v=1.0">
  7. </script>
  8. </head>
  9. <body>
  10. <!—附近检索组件-->
  11. <lbs-nearby enable-geo="true" city="北京" num="10" query="美食" radius="5000" type="map"></lbs-nearby>
  12. </body>
  13. </html>
  • 文档根本没法用

  • 文档水平很差

  • 文档水平一般

  • 文档不错

  • 文档写的很好

如发现文档错误,或对此文档有更好的建议,请在下方反馈。问题咨询请前往反馈平台提交工单咨询。

提交反馈

拖动标注工具

添加矩形标注

添加箭头标注

完成

取消