其运行结果如图12.2所示。"/>
首页 理论教育 使用CSS position属性进行布局优化

使用CSS position属性进行布局优化

时间:2023-06-03 理论教育 版权反馈
【摘要】:position对象具有如下属性:latitude:当前地理位置的纬度。altitude:当前地理位置的海拔。altitudeAccuracy:获取到的海拔的精度。heading:设备的前进方向,用面朝正北方向的顺时针旋转角度来表示。下面的实例中使用getCurrentPosition方法获取当前位置的地理信息,并在页面中显示position对象中当前位置的纬度和经度。DOCTYPEhtml>获取地理位置的经度和纬度其运行结果如图12.2所示。

使用CSS position属性进行布局优化

如果获取地理位置信息成功,则可以在获取成功的回调函数中通过访问position属性得到下面的地理位置信息。position对象具有如下属性:

(1)latitude:当前地理位置的纬度。

(2)longitude:当前地理位置的经度。

(3)altitude:当前地理位置的海拔(不能获取时为null)。

(4)accuracy:获取到的纬度或经度的精度(以米为单位)。

(5)altitudeAccuracy:获取到的海拔的精度(以米为单位)。

(6)heading:设备的前进方向,用面朝正北方向的顺时针旋转角度来表示(不能获取时为null)。

(7)speed:设备的前进速度(以米/秒为单位,不能获取时为null)。

(8)timestamp:获取地理位置信息的时间。

下面的实例中使用getCurrentPosition方法获取当前位置的地理信息,并在页面中显示position对象中当前位置的纬度和经度。代码如下:

<!DOCTYPEhtml>(www.xing528.com)

<html>

<head>

<metacharset="utf-8">

<title>获取地理位置的经度和纬度</title>

</head>

<body>

其运行结果如图12.2所示。

图12.2 在浏览器中获取地理位置信息

图12.2(续)

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈