移动端定位当前城市

一:申请百度ak 地址:http://developer.baidu.com/map/index.php

二:代码实现

 function getLocation()
  {
  if (navigator.geolocation)              //判断是或支持H5的定位
    {
    navigator.geolocation.getCurrentPosition(showPosition);
    }
       alert("定位失败")
  }
function showPosition(position)
  {
  var x=position.coords.latitude,     // 横向经纬度
      y= position.coords.longitude;    // 纵向经纬度
      $.ajax({
        url: "http://api.map.baidu.com/geocoder/v2/?ak=DiUvNUxnyXtEUz9a5wn3kXNy&callback=renderReverse&location="+x+","+y+"&output=json&pois=1",   // 这个地址是百度地图里边一个解析的http://developer.baidu.com/map/index.php?title=webapi/guide/webservice-geocoding
        type: "GET",
        dataType: "jsonp",
        success:function(data){
              alert(data.result.addressComponent.city);
        }
      })
  }

posted @ 2015-08-11 16:46  代码站  阅读(869)  评论(0)    收藏  举报