H5+ 学习 之 地理定位

最近在学习利用html5开发app的工具和api，发现了利用HBuilder、HTML5plus runtime、mui框架前端自己也可以开发出漂亮的app来，下面是一个利用H5+实现的一个地理定位功能，感兴趣的同学们下面有网址，可以点击去学习

// 定位当前位置
function plusReady() {
	var map = new plus.maps.Map('map');
	map.getUserLocation(function(state, point) {
		if (0 == state) {
			map.showUserLocation(true);//显示中心小圆点覆盖物
			map.setCenter(point);//设置地图中心点
			plus.maps.Map.reverseGeocode(point, {}, function(event) {
				var address = event.address; // 转换后的地理位置
				var point = event.coord; // 转换后的坐标信息
				var coordType = event.coordType; // 转换后的坐标系类型
				document.getElementById("mapinfo").innerHTML=address;
			}, function(e) {
				alert("Failed:" + JSON.stringify(e));
			});
		} else {
			alert("Failed!");
		}
	});
}
mui.plusReady(plusReady)

官方首页：http://www.dcloud.io/index.html
API文档：http://www.html5plus.org/doc/
mui文档：http://dev.dcloud.net.cn/mui/ui/