javascript中利用地图API实现定位

话不多说,直接上代码

<pre>//         百度地图API功能
var geolocation = new BMap.Geolocation();
geolocation.getCurrentPosition(function(r){
    if(this.getStatus() == BMAP_STATUS_SUCCESS){
        var geoc = new BMap.Geocoder();
        var pt = r.point;
        geoc.getLocation(pt, function(rs){
            var addComp = rs.addressComponents;
            // alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber);
            $city =$(".location");
//                    var city_name = $.fn.cookie('location_city');
            var city_name = Cookies.get('location_city');
 
            if (city_name == addComp.city){
                // TODO 定位城市和cookie值一致, 则不操作
                $city.text(addComp.city);
            } else {
                $city.text(city_name);
                if (confirm('当前位置和定位城市不一致, 是否更改成当前位置?')) {
                    $city.text(addComp.city);
//                            $.fn.cookie('location_city', addComp.city);
//                            Cookies.set('location_city', addComp.city);
                    setLocation();
                }
            }
 
        });
    }
    else {
        alert('定位失败');
    }
 
 
},{enableHighAccuracy: true});
 
function setLocation(){
    var currount_location = $(".location").text();
    Cookies.set('location_city', currount_location);
}</pre>

时间: 2024-09-17 18:26:01

javascript中利用地图API实现定位的相关文章

javascript使用百度地图api和html5特性获取浏览器位置

 本文介绍了javascript使用百度地图api和html5特性获取浏览器位置的小功能,大家参考使用吧 代码如下: <!DOCTYPE html> <html> <body> <p id="demo">点击这个按钮,获得您的位置:</p> <button onclick="getLocation()">试一下</button> <script src="http:/

javascript中利用柯里化函数实现bind方法【推荐】_javascript技巧

• 柯理化函数思想:一个js预先处理的思想:利用函数执行可以形成一个不销毁的作用域的原理,把需要预先处理的内容都储存在这个不销毁的作用域中,并且返回一个小函数,以后我们执行的都是小函数,在小函数中把之前预先存储的值进行相关的操作处理即可: • 柯里化函数主要起到预处理的作用: • bind方法的作用:把传递进来的callback回调方法中的this预先处理为上下文context; /** * bind方法实现原理1 * @param callback [Function] 回调函数 * @par

JavaScript中利用Array和Object实现Map的方法_javascript技巧

本文实例讲述了JavaScript中利用Array和Object实现Map的方法.分享给大家供大家参考.具体如下: 昨天突然看到以前别人用JavaScript实现的Map感觉很不错,但是发现有个别方法有问题,顺便完善了下,添加了 remove .indexOf .values.clear等方法. /** * @author blune68 * @version 0.1, 07/27/12 * */ function Map(){ this.keys = new Array(); this.dat

Cocos2d-JS中瓦片地图API

为了访问瓦片地图,Cocos2d-JS中访问瓦片地图API,主要的类有:TMXTiledMap.TMXLayer和TMXObjectGroup等.1.TMXTiledMapTMXTiledMap是瓦片地图类,它的类图如下图所示,TMXTiledMap派生自Node类,具有Node特点. TMXTiledMap类图TMXTiledMap常用的函数如下: new cc.TMXTiledMap(tmxFile).创建瓦片地图对象.getLayer(layerName).通过层名获得层对象.getObj

Java中利用Reflection API优化代码

摘要 开发者通过各种各样的方法来尝试避免单调冗余的编程.一些编程的规则例如继承.多态或者设计模型可以帮助开发者避免产生多余的代码.不过由于软件开发方面存在着不确定性,因此这些规则并不能消除代码维护和重新编写的需要.在很多时候维护都是不可避免的,只有不能运作的软件才是从不需要维护的.不过,这篇文章介绍了你可以使用Java的Reflection API的功能来减少单调的代码编写,并可以使用活动的代码产生来克服reflection的限制. 数据配置(由外部的源头得到数据并且将它装载到一个Java对象中

JavaScript中利用各种循环进行遍历的方式总结_基础知识

为了方便例子讲解,现有数组和json对象如下 var demoArr = ['Javascript', 'Gulp', 'CSS3', 'Grunt', 'jQuery', 'angular']; var demoObj = { aaa: 'Javascript', bbb: 'Gulp', ccc: 'CSS3', ddd: 'Grunt', eee: 'jQuery', fff: 'angular' }; for in for(var item in arr|obj){} 可以用于遍历数组和

JavaScript中利用jQuery绑定事件的几种方式小结_jquery

开发过程中经常要给DOM元素添加一些事件,下面介绍几种方式: 先写几个好看的button //引入JQuery <script type="text/javascript" src="jquery-1.8.3.min.js"></script> <span id="tips"></span> <input type="button" id="btn1"

javascript使用百度地图api和html5特性获取浏览器位置_javascript技巧

复制代码 代码如下: <!DOCTYPE html><html><body><p id="demo">点击这个按钮,获得您的位置:</p><button onclick="getLocation()">试一下</button><script src="http://api.map.baidu.com/api?v=1.4" type="text/ja

javascript中利用柯里化函数实现bind方法_javascript技巧

柯理化函数思想:一个js预先处理的思想:利用函数执行可以形成一个不销毁的作用域的原理,把需要预先处理的内容都储存在这个不销毁的作用域中,并且返回一个小函数,以后我们执行的都是小函数,在小函数中把之前预先存储的值进行相关的操作处理即可: 柯里化函数主要起到预处理的作用:bind方法的作用:把传递进来的callback回调方法中的this预先处理为上下文context; /** * bind方法实现原理1 * @param callback [Function] 回调函数 * @param cont