码迷,mamicode.com
首页 > 移动开发 > 详细

移动端定位当前城市

时间:2015-08-11 18:20:09      阅读:117      评论:0      收藏:0      [点我收藏+]

标签:

一:申请百度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);
        }
      })
  }

移动端定位当前城市

标签:

原文地址:http://www.cnblogs.com/liujingen/p/4721470.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!