（以“==天气组件== 天气组件可以通过一行核心代码实现在您的应用里嵌入指定城市当天及五天内天气预报的功能。 核心代码: <pre> ...”为内容创建页面） |
（→天气组件） |
||
| （未显示1个用户的12个中间版本） | |||
| 第1行： | 第1行： | ||
| + | {{webcomp-sidebar}} | ||
==天气组件== | ==天气组件== | ||
| + | |||
天气组件可以通过一行核心代码实现在您的应用里嵌入指定城市当天及五天内天气预报的功能。 | 天气组件可以通过一行核心代码实现在您的应用里嵌入指定城市当天及五天内天气预报的功能。 | ||
| − | + | ||
| − | < | + | '''核心代码：''' |
| + | <source> | ||
<lbs-weather city="北京"></lbs-weather> | <lbs-weather city="北京"></lbs-weather> | ||
| − | </ | + | </source> |
| + | |||
| + | 修改后刷新界面的属性：city | ||
| + | |||
| + | |||
'''运行效果如下：''' | '''运行效果如下：''' | ||
| − | + | ||
| + | http://api.map.baidu.com/lbsapi/cloud/cms/weather1.png | ||
'''完整代码如下：''' | '''完整代码如下：''' | ||
| + | <source> | ||
<html> | <html> | ||
<head> | <head> | ||
| 第15行： | 第24行： | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> | <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> | ||
<title>天气组件</title> | <title>天气组件</title> | ||
| − | <script src="http://api.map.baidu.com/components?ak= | + | <script src="http://api.map.baidu.com/components?ak=yourak&v=1.0"> |
</script> | </script> | ||
</head> | </head> | ||
<body> | <body> | ||
| − | + | <!-- 天气组件--> | |
| − | + | <lbs-weather city='北京' ></lbs-weather> | |
</body> | </body> | ||
</html> | </html> | ||
| + | </source> | ||
2015年1月16日 (五) 18:19的最后版本
天气组件
天气组件可以通过一行核心代码实现在您的应用里嵌入指定城市当天及五天内天气预报的功能。
核心代码：
<lbs-weather city="北京"></lbs-weather>
修改后刷新界面的属性：city
运行效果如下：
完整代码如下：
<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-weather city='北京' ></lbs-weather> </body> </html>