1. 程式人生 > >Html5+如何獲取ios手機當前位置

Html5+如何獲取ios手機當前位置

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <script type="text/javascript" charset="utf-8">
       mui.init();
       mui.plusReady(  
    function plusReady(){
    document.getElementById("but").addEventListener('tap', function(){ 
    plus.geolocation.getCurrentPosition( function ( p ) {
console.log(p.address.street)
}, function ( e ) {
alert( "Geolocation error: " + e.message );
} );
            });
}
    )
</script>
</head>
<body>
<input type="button" id="but" value="kk" />
</body>
</html>


mui初始化,

看dcloud官網文件得知,所有5+的方法應該在plusready以後使用,

看http://www.html5plus.org/doc/h5p.html 官網文件得知 


此物件可獲取當前手機位置資訊。

返回的物件就是當前裝置的位置資訊了,然後可檢視當前物件有哪些屬性


得知address是地址資訊屬性,檢視address物件的值,的值address物件包含以下屬性,直接.屬性使用即可