H5页面地图定位的方法？

目前我们做的H5页面的产品，有个场景是给用户推荐附近的人，尝试了2种方法：
1、直接使用百度地图的api，通过百度地图获取经纬度、地址等，再加载附近人列表，并把地址展示在页面；（很慢，可能10秒钟左右，为何会这么慢？）
2、使用浏览器获取经纬度的方法，获取到经纬度（2秒左右）后加载附近人列表，再把经纬度发送给百度地图获取地址（5秒左右），展示在页面；
为什么会这么慢呢···
而且我看大多数产品都是直接调的百度地图的api，为什么感觉别人的很快？
请有经验的同学帮忙解答一下。

---

楼主第二个方法使用这个？

 $.ajax({
        url: 'http://api.map.baidu.com/geocoder/v2/',
        data: {
          ak: geolocation.key,
          callback: 'renderReverse',
          location: position.coords.latitude + ',' + position.coords.longitude,
          output: 'json',
          pois:'0'
        },
        dataType: 'jsonp',
        jsonp: 'renderReverse'
      });

---

用过腾讯的web组件，速度凑合吧，可以试一试，网站有demo

跑题了？