码迷,mamicode.com
首页 > Windows程序 > 详细

使用html5 地理位置技术 和 百度地图api查询当前位置

时间:2015-04-10 11:22:57      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:

使用了  zepto  和 requirejs

 

define([‘zepto‘],function($){
 var geolocation = {
        init:function(config,onSuccess,onError){
            if(typeof(config)==‘function‘){
                onError = onSuccess;
                onSuccess = config;
                config = undefined;
            }
            
            if(Object(config)===config){
                for(var k in this.option){
                    this.option[k] = config[k];
                }
            }
            
            if(typeof(onSuccess)==‘function‘){
                this.onSuccess = onSuccess;
            }
            
            if(typeof(onError)==‘function‘){
                this.onError = onError;
            }
            
            return this;
        },
        
          getPosition:function(returnType){//returnType==cityName,返回城市名称
                  var host = this;
                 navigator.geolocation.getCurrentPosition(function ( position){
                         console.log(‘getCurrentPosition success ‘,position);
                        if(!returnType){
                              host.onSuccess.call(null,position);
                          }else{
                              var lat = position.coords.latitude;
                            var lng = position.coords.longitude;
                        
                            var urls="http://api.map.baidu.com/geocoder/v2/?ak=0QoBGmQ4i5N0FycRCQMukgqd&callback=renderReverse&location="+lat+","+lng+"8&output=json&pois=0";
                        
                            $.ajax({
                                type: "POST",
                                url: urls,
                                dataType : "jsonp",
                                success: function(data){
                                    //alert(JSON.stringify(data));
                                    //alert(host.onSuccess)
                                    console.log(‘get city name>>>‘,data);
                                    host.onSuccess.call(null,data);
                                },
                                error:function(error){
                                    host.onError.call(null,error);
                                }
                          
                             }); 
                          }
                        
                    }, function(error){
                        
                        host.onError.call(null,error);
                    }, this.option);
                 
                 return this;
          },
          option:{
                enableHighAccuracy: true,
                maximumAge: 30000,
                timeout: 20000
          },
          onSuccess: function(data){
              console.log(‘geolocation.getCurrentPosition success:‘,data);
          },
          onError:function(error){
              console.log(‘geolocation.getCurrentPosition error:‘,error);
          }

 };

return geolocation;

    
});

 

使用html5 地理位置技术 和 百度地图api查询当前位置

标签:

原文地址:http://www.cnblogs.com/ecalf/p/4413819.html

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