html页面：

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
    <style type="text/css"> 
        body, html, #allmap { 
            width: 100%; 
            height: 100%; 
            overflow: hidden; 
            margin: 0; 
            font-family: "微软雅黑"; 
        } 
    </style> 
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=密钥"></script> 
    <title></title> 
</head> 
<body> 
    <p id="allmap"></p>
</body> 
</html>
 
JS部分：
<script type="text/javascript"> 
 
    var x = ""; 
    var y = ""; 
    var dizhi = ""; 
 
    function getLocation(){ 
        if (navigator.geolocation) { 
            navigator.geolocation.getCurrentPosition(showPosition,showError); 
        }else{ 
            alert("浏览器不支持地理定位。"); 
        } 
    } 
 
    function showPosition(position){ 
      
 
        y = position.coords.latitude;//纬度 
        x = position.coords.longitude;//经度 
           
 
        // 百度地图API功能 
        //GPS坐标 
        var x = 116.32715863448607; 
        var y = 39.990912172420714; 
        var ggPoint = new BMap.Point(x, y); 
           
        //地图初始化 
        var bm = new BMap.Map("allmap"); 
 
        bm.centerAndZoom(ggPoint, 15); 
        bm.addControl(new BMap.NavigationControl()); 
        bm.enableScrollWheelZoom();   //启用滚轮放大缩小，默认禁用 
        bm.enableContinuousZoom();    //启用地图惯性拖拽，默认禁用 
        bm.addEventListener("tilesloaded", function () { });//地图加载完成 
 
        var gc = new BMap.Geocoder(); 
 
 
        bm.addEventListener("click", function (e) { 
               
            ggPoint = new BMap.Point(e.point.lng, e.point.lat); 
            gc.getLocation(ggPoint, function (rs) { 
                  
                var addComp = rs.addressComponents; 
                var mapAddress = addComp.province + addComp.city + addComp.district 
                + addComp.street + addComp.streetNumber; 
 
                dizhi = mapAddress; 
 
                if (confirm(dizhi)) { 
                    window.location.href = "succes.html" 
                } 
 
                var marker = new BMap.Marker(ggPoint); // 创建点 
                bm.addOverlay(marker); 
                var label = new BMap.Label("您选择的位置为"+dizhi, { offset: new BMap.Size(20, -10) }); 
                marker.setLabel(label); //添加百度label 
                bm.setCenter(ggPoint); 
            }); 
        }); 
           
              
          
 
        bm.addControl(new BMap.NavigationControl()); 
 
 
 
        //坐标转换完之后的回调函数 
        translateCallback = function (data) { 
            if (data.status === 0) { 
                var marker = new BMap.Marker(data.points[0]); 
                bm.addOverlay(marker); 
                marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画 
                //marker.enableDragging();//可拖拽 
                //var label = new BMap.Label("您所在的位置", { offset: new BMap.Size(20, -10) }); 
                //marker.setLabel(label); //添加百度label 
                //bm.setCenter(data.points[0]); 
 
                  
 
                //var a=BMap.Convertor(ggPoint, 0); 
 
 
                gc.getLocation(data.points[0], function (rs) { 
                    //alert(rs.sematic_description); 
 
                    var addComp = rs.addressComponents; 
                    var mapAddress = addComp.province + addComp.city + addComp.district 
                    + addComp.street + addComp.streetNumber; 
 
                    dizhi = mapAddress; 
 
                    confirm(dizhi); 
                    if (confirm(dizhi)) { 
                        window.location.href = "succes.html" 
                    } 
 
                    var label = new BMap.Label("定位您所在的位置为"+dizhi, { offset: new BMap.Size(20, -10) }); 
                    marker.setLabel(label); //添加百度label 
                    bm.setCenter(data.points[0]); 
 
                }); 
                                      
            } 
        } 
 
        setTimeout(function () { 
            var convertor = new BMap.Convertor(); 
            var pointArr = [] 
            pointArr.push(ggPoint); 
            convertor.translate(pointArr, 1, 5, translateCallback) 
        }, 1000); 
 
 
    } 
 
    function showError(error){ 
        switch(error.code) { 
            case error.PERMISSION_DENIED: 
                alert("定位失败,用户拒绝请求地理定位"); 
                break; 
            case error.POSITION_UNAVAILABLE: 
                alert("定位失败,位置信息是不可用"); 
                break; 
            case error.TIMEOUT: 
                alert("定位失败,请求获取用户位置超时"); 
                break; 
            case error.UNKNOWN_ERROR: 
                alert("定位失败,定位系统失效"); 
                break; 
        } 
    } 
 
    getLocation(); 
 
 
</script>

手机端GPS定位结合百度地图实现定位的更多相关文章

  1. 在Fragment中实现百度地图，定位到当前位置（基于SDKv2.1.0）

    使用最新版本的百度地图需要注意的几个地方: 1.libs文件夹下要有android-support-v4.jar.baidumapapi_v2_1_0.jar.locSDK_3.1.jar三个jar包 ...

  2. AngularJS进阶(十九)在AngularJS应用中集成百度地图实现定位功能

    在AngularJS应用中集成百度地图实现定位功能 注:请点击此处进行充电! 前言 根据项目需求,需要实现手机定位功能,考虑到百度业务的强大能力,遂决定使用百度地图第三方服务. 添加第三方模块的步骤与 ...

  3. Xamarin.Android 使用百度地图获取定位信息

    最近做一个项目,web端使用百度地图,PDA使用手持机自带的GPS定位系统获取经纬度,然后再百度地图上显示该经纬度会有一定距离的差异,这里就像可乐的瓶子拧上雪碧的盖子,能拧的上却不美观.所以为了数据的 ...

  4. 利用HTML5定位功能，实现在百度地图上定位（转）

    原文:利用HTML5定位功能,实现在百度地图上定位 代码如下: 测试浏览器:ie11定位成功率100%,Safari定位成功率97%,(add by zhj :在手机上测试(用微信内置浏览器打开),无 ...

  5. GPS坐标转换为百度地图坐标

    /** * GPS坐标转换为百度地图坐标 * 需要引入javabase64.jar 和json的一些包 * */ public class Gps2BaiDu { public static void ...

  6. GPS坐标转百度地图坐标

    百度地图提供了相关API:BMap.Convertor.translate, 但是使用上存在部分限制:1.次数限制:2.异步回调 可以用如下方法: /** * 地图位置计算工具(将GPS坐标转换成百度 ...

  7. ionic基于GPS定位并通过百度地图获取定位详细信息

    相信所有的前端攻城狮都会碰到移动端App.里面获取用户定位信息. 那么问题来了,怎么获取用户的定位信息(经纬度)呢. 当然方法有很多,通过百度地图API 以及 高德地图 API都是可以的.但是两个获取 ...

  8. Android 百度地图SDK 定位

    引用locSDK_6.1.3.jar,切记添加相应的so文件. 1.定位初始化,需要使用getApplicationContext() mLocClient = new LocationClient( ...

  9. Android应用中使用百度地图API定位自己的位置（二）

    官方文档:http://developer.baidu.com/map/sdkandev-6.htm#.E7.AE.80.E4.BB.8B3 百度地图SDK为开发人员们提供了例如以下类型的地图覆盖物: ...

随机推荐

  1. [BZOJ2821]作诗

    description 在线询问区间内出现次数为正偶数的数的种数. data range \[n,m\le 10^5\] solution 分块大法好 首先离散化权值 这种对于权值做询问并且询问放在一 ...

  2. CF527A：Playing with Paper——题解

    https://vjudge.net/problem/CodeForces-527A http://codeforces.com/problemset/problem/527/A 题目大意:一个纸长a ...

  3. AOJ.综合训练.2016-11-24

    AOJ.综合训练 友情提示:不要复制粘贴,看完解析先自己尝试写一下.不行再看题解.这样才会有提高! A题 金字塔 题意分析 分别读入10个数,按照他给出的格式输出就行了.注意每有7个字符(包括空格). ...

  4. Jsp电子商务之七 订单篇2

    从View页面,点击超链接查询订单,进入到控制器 OrderlistServlet package com.cart.web; import java.io.IOException; import j ...

  5. Sql Server 2008 R2 数据库脚本导出方法

    经常忘记怎么搞,截几张图记录一下. 1 选中要导出的数据库,右键—>任务—>生成脚本 2 3 4 查看保存的脚本

  6. centos6.5 配置mongodb3

    下载地址 http://www.mongodb.org/downloads 下载 curl -O -L https://fastdl.mongodb.org/linux/mongodb-linux-i ...

  7. 多条select语句的合并

    select (') , (') , (select max(ssq) from DW_MARK_FXJS.F_GS_YCXJJDCSY@new_zgxt ) from dual 这样就不用傻傻的执行 ...

  8. leetcode 刷题日志 2018-3-28

    树: 404. 左叶子之和 求所有左叶子结点之和 . 递归法 分析:递归法遍历结点,找左叶子结点 空指针判断 有左子节点?是叶子结点?是的话更新value的值 int sumOfLeftLeaves( ...

  9. Centos下Mysql密码忘记解决办法

    1．修改MySQL的登录设置: # vim /etc/my.cnf 在[mysqld]的段中加上一句:skip-grant-tables 例如: [mysqld] datadir=/var/lib/m ...

  10. java与C#的基础语法区别--持续更新

    1.判断字符串是否相等 java : equals()比较的是对象的内容(区分字母的大小写格式),但是如果使用“==”比较两个对象时,比较的是两个对象的内存地址,所以不相等.即使它们内容相等,但是不同 ...