第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> | + | <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>
运行效果如下:
var nearby = document.getElementById(“test”); nearby. setAttribute (“query” , “酒店”);
界面展现后再添加此段 JS代码,即可刷新界面。也可通过 . 运算符修改属性。. 运算符后面采取驼峰命名方式。 (属性中的 - 去掉, - 后的第一个字母大写)