没有match的答案？试试对话大模型
（以“==地图组件== 地图组件包括显示地图及在地图上标点两个功能。地图展示的用法参考上节，在地图上标点使用方法说明如下： ...”为内容创建页面） |
（→地图组件） |
||
| 第1行： | 第1行： | ||
==地图组件== | ==地图组件== | ||
| − | + | 地图组件包括显示地图及在地图上标点两个功能。地图展示的用法参考上节，在地图上标点使用方法说明如下。 | |
| − | 通过指定<lbs-poi> | + | |
| + | 通过指定<lbs-poi>标签，开发者可以很容易实现在地图上显示点的功能。 | ||
| + | |||
| + | '''核心代码如下：''' | ||
<pre> | <pre> | ||
<lbs-map> | <lbs-map> | ||
| − | <lbs-poi name="奎科科技大厦" location="116.313393,40.04778" addr="北京市海淀区信息路甲9号"></lbs-poi> | + | <lbs-poi name="奎科科技大厦" location="116.313393,40.04778" addr="北京市海淀区信息路甲9号" style="height:100%"></lbs-poi> |
</lbs-map> | </lbs-map> | ||
</pre> | </pre> | ||
| 第10行： | 第13行： | ||
其中， | 其中， | ||
lbs-map指地图标签，是必填项； | lbs-map指地图标签，是必填项； | ||
| + | |||
lbs-poi指标识点标签，name指点的名称，location指点的经纬度坐标，addr指点的地址。 | lbs-poi指标识点标签，name指点的名称，location指点的经纬度坐标，addr指点的地址。 | ||
| + | |||
运行后，效果如下： | 运行后，效果如下： | ||
| − | + | ||
| + | http://api.map.baidu.com/lbsapi/cloud/cms/jsapi/map.png | ||
如果要改变点的样式，可以指定点的新图标（icon-src）和宽高(width,height)属性,生成的效果如下： | 如果要改变点的样式，可以指定点的新图标（icon-src）和宽高(width,height)属性,生成的效果如下： | ||
| − | |||
| − | 完整代码如下： | + | http://api.map.baidu.com/lbsapi/cloud/cms/jsapi/mappoint.png |
| + | |||
| + | '''完整代码如下：''' | ||
<syntaxhighlight lang="html4strict" line start="100" enclose="div"> | <syntaxhighlight lang="html4strict" line start="100" enclose="div"> | ||
| 第25行： | 第32行： | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | <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"> | <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> | ||
| − | <title> | + | <title>地图组件</title> |
<script src="http://api.map.baidu.com/components?ak=yourak&v=1.0"> | <script src="http://api.map.baidu.com/components?ak=yourak&v=1.0"> | ||
</script> | </script> | ||
| 第31行： | 第38行： | ||
<body> | <body> | ||
<!—地图组件--> | <!—地图组件--> | ||
| − | <lbs-map> | + | <lbs-map style="height:100%"> |
| − | <lbs-poi name="奎科科技大厦" location="116.313393,40.04778" addr="北京市海淀区信息路甲9号"></lbs-poi> | + | <lbs-poi name="奎科科技大厦" location="116.313393,40.04778" addr="北京市海淀区信息路甲9号" icon-src="http://api0.map.bdimg.com/images/marker_red_sprite.png" height="25px" width="39px"></lbs-poi> |
</lbs-map> | </lbs-map> | ||
</body> | </body> | ||
2014年7月1日 (二) 13:53的版本
地图组件
地图组件包括显示地图及在地图上标点两个功能。地图展示的用法参考上节，在地图上标点使用方法说明如下。
通过指定<lbs-poi>标签，开发者可以很容易实现在地图上显示点的功能。
核心代码如下：
<lbs-map>
<lbs-poi name="奎科科技大厦" location="116.313393,40.04778" addr="北京市海淀区信息路甲9号" style="height:100%"></lbs-poi>
</lbs-map>
其中， lbs-map指地图标签，是必填项；
lbs-poi指标识点标签，name指点的名称，location指点的经纬度坐标，addr指点的地址。
运行后，效果如下：
如果要改变点的样式，可以指定点的新图标（icon-src）和宽高(width,height)属性,生成的效果如下：
完整代码如下：
- <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-map style="height:100%">
- <lbs-poi name="奎科科技大厦" location="116.313393,40.04778" addr="北京市海淀区信息路甲9号" icon-src="http://api0.map.bdimg.com/images/marker_red_sprite.png" height="25px" width="39px"></lbs-poi>
- </lbs-map>
- </body>
- </html>