### 使用定位服務
**HTML5中為我們提供了定位API能夠讓我們實現獲取經緯度等位置信息。**
**可以通過**`navigator.geolocation`**來獲取設備的當前位置，返回一個位置對象。**
> **我們主要使用**`getCurrentPosition()`**這個方法。**
> 使用方法`navigator.geolocation.getCurrentPosition(successCallback, [errorCallback] , [positionOptions]);`
successCallback返回一個地理數據對象position作為參數，該對象有屬性timestamp和coords。timestamp表示該地理數據創建時間（時間戳）；coords包括另外七個屬性：
* coords.latitude：估計緯度
* coords.longitude：估計經度
* coords.altitude：估計高度
* coords.accuracy：所提供的以米為單位的經度和緯度估計的精確度
* coords.altitudeAccuracy：所提供的以米為單位的高度估計的精確度
* coords.heading： 宿主設備當前移動的角度方向，相對于正北方向順時針計算
* coords.speed：以米每秒為單位的設備的當前對地速度
```
navigator.geolocation.getCurrentPosition(function(position){
var lat = position.coords.latitude;
var lon = position.coords.longtitude;
console.log(lat+" "+lon);
},
function(error){
console.log(error);
});
```
>好像尷尬了！HTML5的定位是去請求googleapis.com，可是國內的網絡環境。。。
**所以，我們只能求助于百度地圖了！**
首先要去百度開發者，注冊應用
然后引入百度地圖的js文件
```js
<script src="http://api.map.baidu.com/api?v=2.0&ak=y4ks32wpzCHXIl6HIbuQeHSbGPEE2gkF" type="text/javascript"></script>
```
使用百度地圖提供的方法。
注意，getLocation的回調函數需要一定時間等待才被調用。
```js
var geolocation = new BMap.Geolocation();
geolocation.getCurrentPosition(function (r) {
if (this.getStatus() == BMAP_STATUS_SUCCESS) {
currentLat = r.point.lat;
currentLon = r.point.lng;
var pt = new BMap.Point(currentLon, currentLat);
var geoc = new BMap.Geocoder();
geoc.getLocation(pt, function (rs) {
var addComp = rs.addressComponents;
var city = addComp.city;
console.log(city);
//將城市后面的市去掉
console.log(city.slice(0,-1));
cityText = city.slice(0,-1);
var city = encodeURIComponent(cityText);
var key = 'f83bb390e68599c746b9124b7b21fbc8';
var url = "http://v.juhe.cn/weather/index?format=2&cityname="+city+"&key="+key;
getData(url);
})
};
});
```
