Hbilder获取地理位置
2016-12-07 17:33
357 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="city" ></div>
<script type="text/javascript" src="js/jquery-1.9.1.min.js" ></script>
<script src="js/mui.min.js"></script>
<script>
//第一步通过mui.plusReady【表示页面加载事件】调用hbuilder提供的百度定位
mui.plusReady(function()
{
plus.geolocation.getCurrentPosition( geoInf, function ( e ) {
},{geocode:true,provider:'amap'});
})
//第二步通过geolnf 方法来获取具体的定位信息
function geoInf( position ) {
var codns = position.coords;//获取地理坐标信息;
var longt = codns.longitude;//获取到当前位置的经度
var lat = codns.latitude;//获取到当前位置的纬度;
//提醒:position.address 获取的是地址集合包括省市县街道等.如果获取不到就返回undefined
//country国家,province省,city城市,district区(县)名称,street街道和门牌信息
//poiNamePOI信息。如“电子//城.国际电子总部”
document.getElementById("city").innerHTML=position.address.country+""+position.address.province +""+position.address.city+""+position.address.district+""+position.address.street+""+position.address.poiName;
}
</script>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="city" ></div>
<script type="text/javascript" src="js/jquery-1.9.1.min.js" ></script>
<script src="js/mui.min.js"></script>
<script>
//第一步通过mui.plusReady【表示页面加载事件】调用hbuilder提供的百度定位
mui.plusReady(function()
{
plus.geolocation.getCurrentPosition( geoInf, function ( e ) {
},{geocode:true,provider:'amap'});
})
//第二步通过geolnf 方法来获取具体的定位信息
function geoInf( position ) {
var codns = position.coords;//获取地理坐标信息;
var longt = codns.longitude;//获取到当前位置的经度
var lat = codns.latitude;//获取到当前位置的纬度;
//提醒:position.address 获取的是地址集合包括省市县街道等.如果获取不到就返回undefined
//country国家,province省,city城市,district区(县)名称,street街道和门牌信息
//poiNamePOI信息。如“电子//城.国际电子总部”
document.getElementById("city").innerHTML=position.address.country+""+position.address.province +""+position.address.city+""+position.address.district+""+position.address.street+""+position.address.poiName;
}
</script>
</body>
</html>
相关文章推荐
- 清除浮动方法总结(转)
- colaphp框架的分析
- c语言中堆,栈,数组的增长方向
- Atom编写MarkDown文件
- 后缀数组模板
- opnet14.5学习总结三
- hello world
- JavaScript小记
- CSS样式
- 腾讯云CentOS7.2 配置PHP (Xampp PHP7 集成版)
- Python生成器
- 【codeforce508C】. Anya and Ghosts
- 【期望dp】NOIP2016换教室
- RedHat Enterprise7.1如何关闭防火墙
- i2c驱动程序全面分析,从adapter驱动程序到设备驱动程序
- spring mvc:实现给Controller函数传入list<pojo>参数
- Linux kali 4.6.0-kali1-amd64安装openvas
- poj 2503 Babelfish (map)
- 简单明了的认识MVC与MVP
- 鲜治江老师介绍