“webcomponent

2014年6月30日 (一) 19:09的版本

利用定位组件开发者可以在自己的页面嵌入webapp百度地图样式的定位模块，且通过定位事件获取到定位点的经纬度坐标。

嵌入定位模块的代码片如下：

<lbs-geo city="北京" enable-modified="false"></lbs-geo>

运行效果如下： XX

利用定位组件获取定位点经纬度坐标代码段如下：

利用定位坐标获取定位经纬度坐标需要三步：

1. 设置定位标签时首先设置标签的id属性；

2. 根据id标签属性获取定位控件

3. 给定位控件注册定位事件

完整代码请参考:

<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-geo id="geo" city="北京" enable-modified="false"></lbs-geo>
<script>
// 先获取元素
var mapElement = document.getElementById('geo');
mapElement.addEventListener("geostart",function(evt){ //注册事件
console.log(evt.detail);
})
</script>
</body>
</html>

@@ 第38行： / 第38行： @@
 <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=CA4de4f8d8e3c3891eb39a78f8343cd4&v=1.0">
+<script src="http://api.map.baidu.com/components?ak=yourak&v=1.0">
 </script>
 </head>