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/
转载请注明来源:前端老徐的博客
《H5+ 学习 之 地理定位》
发表评论