地图组件
地图组件包括显示地图及在地图上标点两个功能。地图展示的用法参考上节,在地图上标点使用方法说明如下: 通过指定<lbs-poi>标签,开发者可以很容易实现在地图上显示点的功能。代码如下:
<lbs-map> <lbs-poi name="奎科科技大厦" location="116.313393,40.04778" addr="北京市海淀区信息路甲9号"></lbs-poi> </lbs-map>
其中, lbs-map指地图标签,是必填项; lbs-poi指标识点标签,name指点的名称,location指点的经纬度坐标,addr指点的地址。 运行后,效果如下: XX
如果要改变点的样式,可以指定点的新图标(icon-src)和宽高(width,height)属性,生成的效果如下: XX
完整代码如下:
- <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>
- <lbs-poi name="奎科科技大厦" location="116.313393,40.04778" addr="北京市海淀区信息路甲9号"></lbs-poi>
- </lbs-map>
- </body>
- </html>