全部服务产品
开发者频道
定价
登录

文档全面上新

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

体验新版
 
第1行: 第1行:
 
{{webcomp-sidebar}}
 
{{webcomp-sidebar}}
 +
    <p style="color:red;">注意:自2015年6月3日起,我们将停止对Web组件API服务的更新维护。关于Web地图的开发需求请参见[http://developer.baidu.com/map/index.php?title=jspopular JavaScript API],给您带来不便之处,敬请原谅。</p>
 
     <h1>Web组件API v1.0</h1>
 
     <h1>Web组件API v1.0</h1>
 
     <p>Web组件API是一类高度模块化的LBS服务组件,开发者通过调用相应标签便可轻松实现诸如定位、在地图上标注点、查找附近poi、公交/地铁线路规划、展示当地天气等功能。该类组件仅针对手机浏览器类的应用,与API相比,标签方式调用更为简单,模块化程度更高,可以极大地降低开发成本。</p>
 
     <p>Web组件API是一类高度模块化的LBS服务组件,开发者通过调用相应标签便可轻松实现诸如定位、在地图上标注点、查找附近poi、公交/地铁线路规划、展示当地天气等功能。该类组件仅针对手机浏览器类的应用,与API相比,标签方式调用更为简单,模块化程度更高,可以极大地降低开发成本。</p>
 
     <p>Web组件API之所以具备高度模块化特征是因为其基于新一代web组件开发标准[http://www.w3.org/TR/components-intro/#introduction Web Components]开发完成,我们将组件所依赖的模板、样式和应用接口集成在一个自定义标签中,当您使用标签时,不需要关心组件内部逻辑,直接调用即可,真正做到了只需要一行代码,即可实现类似底图展示等组件功能。并且支持修改标签属性后即刷新界面。</p>
 
     <p>Web组件API之所以具备高度模块化特征是因为其基于新一代web组件开发标准[http://www.w3.org/TR/components-intro/#introduction Web Components]开发完成,我们将组件所依赖的模板、样式和应用接口集成在一个自定义标签中,当您使用标签时,不需要关心组件内部逻辑,直接调用即可,真正做到了只需要一行代码,即可实现类似底图展示等组件功能。并且支持修改标签属性后即刷新界面。</p>
     <p><b>接口:</b></p>
+
     <p><b>接口示例:</b></p>
 
     <source><lbs-nearby enable-geo="true" city="北京" num="10" query="美食" radius="5000" type="map" style="height:100%"></lbs-nearby>
 
     <source><lbs-nearby enable-geo="true" city="北京" num="10" query="美食" radius="5000" type="map" style="height:100%"></lbs-nearby>
 
     </source>
 
     </source>

2015年6月3日 (三) 12:08的最后版本

注意:自2015年6月3日起,我们将停止对Web组件API服务的更新维护。关于Web地图的开发需求请参见JavaScript API,给您带来不便之处,敬请原谅。

Web组件API v1.0

Web组件API是一类高度模块化的LBS服务组件,开发者通过调用相应标签便可轻松实现诸如定位、在地图上标注点、查找附近poi、公交/地铁线路规划、展示当地天气等功能。该类组件仅针对手机浏览器类的应用,与API相比,标签方式调用更为简单,模块化程度更高,可以极大地降低开发成本。

Web组件API之所以具备高度模块化特征是因为其基于新一代web组件开发标准Web Components开发完成,我们将组件所依赖的模板、样式和应用接口集成在一个自定义标签中,当您使用标签时,不需要关心组件内部逻辑,直接调用即可,真正做到了只需要一行代码,即可实现类似底图展示等组件功能。并且支持修改标签属性后即刷新界面。

接口示例:

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

运行效果如下:

mapnearby.png

var nearby = document.getElementById(“test”);
nearby. setAttribute (“query” , “酒店”);

界面展现后再添加此段 JS代码,即可刷新界面。也可通过 . 运算符修改属性。. 运算符后面采取驼峰命名方式。 (属性中的 - 去掉, - 后的第一个字母大写)

  • 文档根本没法用

  • 文档水平很差

  • 文档水平一般

  • 文档不错

  • 文档写的很好

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

提交反馈

拖动标注工具

添加矩形标注

添加箭头标注

完成

取消