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/

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>