“webcomponent

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

定位组件

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

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

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

运行效果如下： XX

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

<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>

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

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=CA4de4f8d8e3c3891eb39a78f8343cd4&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>

@@ 第8行： / 第8行： @@
 运行效果如下：
 XX
 利用定位组件获取定位点经纬度坐标代码段如下：
 <pre>
@@ 第18行： / 第19行： @@
   })
 </script>
+</pre>
 利用定位坐标获取定位经纬度坐标需要三步：
@@ 第27行： / 第30行： @@
 完整代码请参考:
 <syntaxhighlight lang="html4strict" line start="100" enclose="div">

文档全面上新

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

定位组件