定位记录

最新推荐文章于 2023-08-25 10:03:17 发布
最新推荐文章于 2023-08-25 10:03:17 发布
阅读量154 收藏
点赞数
分类专栏： PHP 文章标签： 定位 百度 腾讯
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42047371/article/details/114987333
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="format-detection" content="telephone=no" />
    <meta id="viewPorts" name="viewport" content="width=device-width">
    <title>定位测试</title>
</head>
<body>
<div class="wrap">
    <div class="box">
        <div class="phtxt"><img src="__STATIC_PATH__/images/bftxt.png"></div>
        <div class="baifang">
            <form class="baifangform" id="baifangform" action="">
                <p>
                    <label><font>*</font>地理位置</label>
                    <span class="area" id="show_address">地理位置正在获取中···</span>
                    <input type="hidden" name="province" value="" />
                    <input type="hidden" name="city" value="" />
                    <input type="hidden" name="district" value="" />
                    <input type="hidden" name="address" value="" />
                    <input type="hidden" name="lng" value="" />
                    <input type="hidden" name="lat" value="" />
                </p>
                <p class="btn">
                    <input type="button" onclick="submitData()" value="立即提交" />
                </p>
            </form>
        </div>
    </div>
</div>
</body>
<div style="display: none" id="allmap"></div>
<input type="hidden" name="deviceType" value="{$deviceType}" />
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript" src="https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=*****"></script>
<script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=*****"></script>
<script>
    //微信公众号参数
    wx.config({
        debug : false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId : '{$signPackage.appId}', // 必填，公众号的唯一标识
        timestamp : '{$signPackage.timestamp}', // 必填，生成签名的时间戳
        nonceStr : '{$signPackage.nonceStr}', // 必填，生成签名的随机串
        signature : '{$signPackage.signature}',// 必填，签名，见附录1
        jsApiList : ['getLocation','getLocalImgData']
    });


    //腾讯定位配置
    var geolocation = new qq.maps.Geolocation("*****",'auth_zhao');
    var options = {timeout: 8000,failTipFlag:true};

    /**
     * 获取定位
     */
    function getAddress() {
        var deviceType = $("input[name='deviceType']").val();
        if(deviceType == 'android'){
            getWxAddress();
        }else{
            geolocation.getLocation(getQQAddress, getWxAddress, options);
        }
    }

    /**
     * 腾讯定位
     */
    function getQQAddress(position){
        //alert('腾讯定位');alert(JSON.stringify(position));
        if(position.addr){
            $("input[name='province']").val(position.province);
            $("input[name='city']").val(position.city);
            $("input[name='district']").val(position.district);
            $("input[name='address']").val(position.addr);
            $("input[name='lng']").val(position.lng);
            $("input[name='lat']").val(position.lat);
            //补全市县信息
            if(position.addr.indexOf(position.district) == -1){
                position.addr = position.district + position.addr
            }
            if(position.addr.indexOf(position.city) == -1){
                position.addr = position.city + position.addr
            }
            $("#show_address").html(position.addr);
        }else{
            getWxAddress();
        }
    }

    /**
     * 微信公众号定位【微信公众号api】
     */
    function getWxAddress() {
        wx.getLocation({
            type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
            success: function (res) {
                //alert(JSON.stringify(res));
                var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
                var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
                var speed = res.speed; // 速度，以米/每秒计
                var accuracy = res.accuracy; // 位置精度


                /************************微信定位GPS坐标转百度坐标START【百度api功能】************************/
                var ggPoint = new BMapGL.Point(longitude,latitude);
                //地图初始化
                var bm = new BMapGL.Map("allmap");
                bm.centerAndZoom(ggPoint, 15);
                bm.addControl(new BMapGL.ZoomControl());
                //添加gps marker和label
                var markergg = new BMapGL.Marker(ggPoint);
                bm.addOverlay(markergg); //添加GPS marker
                var labelgg = new BMapGL.Label("未转换的GPS坐标（错误）",{offset:new BMapGL.Size(10, -10)});
                markergg.setLabel(labelgg); //添加GPS label
                //坐标转换完之后的回调函数
                translateCallback = function (data){
                    var newPoint = JSON.stringify(data);
                    //坐标转换
                    var postData = {
                        newPoint:newPoint
                    };
                    $.ajax({
                        url : "{:U('visit/getNewPoint')}",
                        data : postData,
                        type : "POST",
                        success:function(data){
                            ajaxGetBaiDuAddress(data.longitude,data.latitude)
                        }
                    });
                    return false;
                };
                setTimeout(function(){
                    var convertor = new BMapGL.Convertor();
                    var pointArr = [];
                    pointArr.push(ggPoint);
                    convertor.translate(pointArr, COORDINATES_WGS84, COORDINATES_BD09, translateCallback)
                }, 100);
                /**
                 * 坐标常量说明：
                 * COORDINATES_WGS84 = 1, WGS84坐标
                 * COORDINATES_WGS84_MC = 2, WGS84的平面墨卡托坐标
                 * COORDINATES_GCJ02 = 3，GCJ02坐标
                 * COORDINATES_GCJ02_MC = 4, GCJ02的平面墨卡托坐标
                 * COORDINATES_BD09 = 5, 百度bd09经纬度坐标
                 * COORDINATES_BD09_MC = 6，百度bd09墨卡托坐标
                 * COORDINATES_MAPBAR = 7，mapbar地图坐标
                 * COORDINATES_51 = 8，51地图坐标
                 */
                /************************微信定位GPS坐标转百度坐标END【百度api功能】************************/
            }
        });
    }

    /**
     * 用所定位的经纬度查找所在地省市街道等信息【百度api功能】
     */
    function ajaxGetBaiDuAddress(longitude,latitude) {
        var point = new BMap.Point(longitude,latitude);
        var gc = new BMap.Geocoder();
        gc.getLocation(point, function (rs) {
            var addressData = JSON.stringify(rs);
            var deviceType = $("input[name='deviceType']").val();
            var postData = {
                addressData:addressData,
                deviceType:deviceType,
                serverType:'baidu'
            };
            $.ajax({
                url : "{:U('visit/getAddress')}",
                data : postData,
                type : "POST",
                success:function(data){
                    if(data.status) {
                        $("input[name='province']").val(data.province);
                        $("input[name='city']").val(data.city);
                        $("input[name='district']").val(data.district);
                        $("input[name='address']").val(data.address);
                        $("input[name='lng']").val(data.lng);
                        $("input[name='lat']").val(data.lat);
                        $("#show_address").html(data.address);
                    }else{
                        TenCentApi(latitude,longitude);
                    }
                }
            });
        });
    }
    /**
     * 腾讯位置服务 WebService API
     * 逆地址解析
     * @param lat
     * @param lng
     * 逆地址解析
     */
    function TenCentApi(lat,lng) {
        var postData = {
            lat:lat,
            lng:lng,
        };
        $.ajax({
            url : "{:U('Visit/tenCent')}",
            data : postData,
            type : "POST",
            success:function(data){
                if(data.status) {
                    $("input[name='province']").val(data.province);
                    $("input[name='city']").val(data.city);
                    $("input[name='district']").val(data.district);
                    $("input[name='address']").val(data.address);
                    $("input[name='lng']").val(data.lng);
                    $("input[name='lat']").val(data.lat);
                    $("#show_address").html(data.address);
                }else{
                    layer_alert(data.message);
                }
            }
        });
    }
    getAddress();
</script>
</html>
<?php
namespace Mobile\Controller;
class VisitController extends BaseController {
    /**
     * 拜访日志- 此页面中定位
     */
    public function index(){
        $deviceType = $this->getDeviceType();
        $this->assign('deviceType',$deviceType);
        $this->assign('seo_title','拜访日志');
        $this->display();
    }

    /**
     * 微信获取的GPS定位坐标转为百度坐标
     * 此方法只是为了数据格式转换
     */
    public function getNewPoint(){
        try{
            $param = I('param.');
            $newPoint = $param['newPoint'];
            $res = json_decode(htmlspecialchars_decode($newPoint),true);

            $point = $res['points'][0];
            $lng = $point['lng'];
            $lat = $point['lat'];

            $return['longitude'] = $lng;
            $return['latitude'] = $lat;
            $this->ajaxReturn($return);
        }catch (\Exception $e){
            $errorMsg = $e->getCode() == 50001 ? $e->getMessage() : '请求失败';
            $return['status'] = 0;
            $return['message'] = $errorMsg;
            $this->ajaxReturn($return);
        }
    }

    /**
     * web端经纬度解析地址数据格式化
     * 此方法只是为了数据格式转换
     */
    public function getAddress(){
        try{
            $param = I('param.');
            $addressData = $param['addressData'];
            $res = json_decode(htmlspecialchars_decode($addressData),true);

            $serverType = $param['serverType'] == 'baidu' ? 'baidu_' : 'tencent_';
            if($param['deviceType'] == 'android'){
                file_put_contents('map_android/'.$serverType.'map_android_'.$this->UID.'.txt',var_export($res,true));
            }else{
                file_put_contents('map_ios/'.$serverType.'map_ios_'.$this->UID.'.txt',var_export($res,true));
            }

            if($res['type'] == 'GEO_INFO'){//腾讯位置服务
                $point = $res['detail']['location'];
                $lng = $point['lng'];
                $lat = $point['lat'];

                $addressComponents = $res['detail']['addressComponents'];
                $province = $addressComponents['province'];
                $city = $addressComponents['city'];
                $district = $addressComponents['district'];

                $address = $res['detail']['address'];
            }else{//百度位置服务
                $point = $res['point'];
                $lng = $point['lng'];
                $lat = $point['lat'];

                $addressComponents = $res['addressComponents'];
                $province = $addressComponents['province'];
                $city = $addressComponents['city'];
                $district = $addressComponents['district'];

                $surroundingPois = $res['surroundingPois'];
                $address = $surroundingPois[0]['address'];
                if(!$address){
                    throw new \Exception('百度未获取到详细位置',50001);
                }
                //补全地址中的市县信息
                if(strpos($address,$district) === false){
                    $address = $district.$address;
                }
                if(strpos($address,$city) === false){
                    $address = $city.$address;
                }
            }

            //统一数据返回
            $return['status'] = 1;
            $return['province'] = $province;
            $return['city'] = $city;
            $return['district'] = $district;
            $return['lng'] = $lng;
            $return['lat'] = $lat;
            $return['address'] = $address;
            $this->ajaxReturn($return);
        }catch (\Exception $e){
            $errorMsg = $e->getCode() == 50001 ? $e->getMessage() : '请求失败';
            $return['status'] = 0;
            $return['message'] = $errorMsg;
            $this->ajaxReturn($return);
        }
    }

    /**
     * 腾讯位置服务 WebService API
     * 逆地址解析
     * https://lbs.qq.com/service/webService/webServiceGuide/webServiceGcoder#2
     */
    public function tenCent(){
        $ApiUrl = 'https://apis.map.qq.com/ws/geocoder/v1/?';
        $key = '*****';
        $param = I('param.');

        //经纬度（GCJ02坐标系），格式：location=lat<纬度>,lng<经度>
        $location = $param['lat'].','.$param['lng'];
        //是否返回周边地点（POI）列表，可选值：0 不返回(默认) 1 返回
        $get_poi = 1;

        //用于控制POI列表
        $poi_options = 'address_format=short;radius=1000;page_size=20;page_index=1;policy=2';
        $strIng = 'location='.$location.'&key='.$key.'&get_poi='.$get_poi.'&poi_options='.$poi_options;

        $requestUrl = $ApiUrl.$strIng;
        $res = curl_get($requestUrl);
        $res = json_decode($res,true);
        file_put_contents('mapData/map_'.$this->UID.'.txt',var_export($res,true));
        if($res['status'] == 0){
            $province = $res['result']['address_component']['province'];
            $city = $res['result']['address_component']['city'];
            $district = $res['result']['address_component']['district'];
            $address = $res['result']['formatted_addresses']['recommend'];
            $address = $address ? $address : $res['result']['address'];
            //补全地址中的市县信息
            if(strpos($address,$district) === false){
                $address = $district.$address;
            }
            if(strpos($address,$city) === false){
                $address = $city.$address;
            }

            //统一数据返回
            $return['status'] = 1;
            $return['province'] = $province;
            $return['city'] = $city;
            $return['district'] = $district;
            $return['lng'] = $param['lng'];
            $return['lat'] = $param['lat'];
            $return['address'] = $address;
            $this->ajaxReturn($return);
        }else{
            //统一数据返回
            $return['status'] = 0;
            $this->ajaxReturn($return);
        }
    }


    /**
     * 判断安卓IOS
     */
    function getDeviceType(){
        $agent = strtolower($_SERVER['HTTP_USER_AGENT']);
        $type = 'other';
        if(strpos($agent, 'iphone') || strpos($agent, 'ipad')){
            $type = 'ios';
        }else if(strpos($agent, 'android')) {
            $type = 'android';
        }
        return $type;
    }
}

 

凌晨四点的_LA
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
wgs84坐标批量转BD09坐标js脚本（亲测批量转换10000条数据）
weixin_40854428的博客
05-07 3500
1、将需要转换的文件通过office软件自动生成html文件，并引入该脚本 2、引入该脚本所需的js插件 3、点击按钮进行转换 4、chrome浏览器自动下载的生成的json文件 //dynamicLoadCss('css/mui.min.css'); document.write(""); //document.write(""); document.write(""); //需
百度地图API实现批量坐标转换（傻瓜式教程）
qq_63564898的博客
08-23 3298
百度地图坐标的批量转换
vue使用百度地图进行坐标转换（bd09转wgs84 wgs84转bd09）
最新发布
qq_46141403的博客
08-25 1650
【代码】vue使用百度地图进行坐标转换（bd09转wgs84 wgs84转bd09）
Vue 使用百度地图GL
zhao1239902的博客
03-11 4890
项目开发笔记（转发请说明出处）public index文件引入百度地图Gl 里面的KEY为自己的百度key，在百度地图开发平台里注册获取 链接 地图个性化网址： 百度地图个性化编辑器（1）图标标注 （2）折线/多边形 (3)文本标注 (4)地图弹窗信息 （5）绘制动画 (绘制线段) 控件： 三、把坐标转为百度地图坐标 四、MAPV（地图可视化） 1.引入 public里引入js 需要改自己的key 在 main.js 里 添加百度地图相关对象添加进vu
批量转换百度坐标系并转换使运动轨迹开始动画
weixin_46421824的博客
02-17 341
百度API一次最多只支持10个点坐标转换 解决方法可以每十个点为一组，然后依次转换 <div id="map" style="width:100%;height:90%;"></div> <div class="buttons"> <p @click="startGps">开始动画</p> <p @click="endGps">结束动画</p> </div> </div
基于STM32的车载定位记录系统设计.pdf
06-28
基于STM32的车载定位记录系统设计.pdf
GeoTagger:Google定位记录Flickr GeoTagger
05-11
GeoTagger 使用Google位置记录数据自动为Flickr照片添加地理标签的工具。
桩位测量定位记录[借鉴].pdf
10-14
桩位测量定位记录[借鉴].pdf
android GPS定位 记录生活轨迹实例源码下载.rar
12-15
android GPS定位 记录生活轨迹实例源码下载.rar
网络功能挂起问题定位记录（20210225）1
08-08
网络功能挂起问题定位记录（20210225）1
大批量GPS坐标转百度坐标
weixin_33716557的博客
02-23 371
一. 百度地图API大批量转换时有数量限制，一个一个转。 用到的方法接口 /** 源坐标格式：经度,纬度;经度,纬度…最多支持100个; 源坐标类型:默认为1，即GPS设备获取的坐标; 目的坐标类型:默认为5，即bd09ll(百度坐标); 返回结果格式:json **/ convertor.tr...
cesium坐标系及坐标转换
sinat_29304113的博客
02-17 677
cesium坐标系及其转换
百度地图JS API GPS坐标转换成百度地图坐标（修改版）
weixin_34168700的博客
07-14 536
2019独角兽企业重金招聘Python工程师标准>>> ...
cesium基础代码段（一）常用坐标转换
ly510812的博客
07-31 1373
cesium基础系列
GPS坐标(经纬度)转换为百度坐标(经纬度)续
热门推荐
Feel Word
09-08 1万+
1、早前初步接触的时候转载过一个真实经纬度转百度经纬度的JAVA计算的方法，后续实用起来发现还是有一定的误差的，于是依然改为依赖网络调用百度接口去请求查询，此处依然先介绍一个java发送post请求调用百度提供的转换接口转换坐标 import java.io.BufferedReader; import java.io.IOException; import java.io.InputStrea
城市选择框
wang_ouyangsima的博客
11-06 2447
针对城市个数非常多，下拉框速度慢！效果图如下： 1、引入js     如果需要将中文翻译成拼音再引入：pinyin.js 2、&lt;div class="col-sm-2"&gt;                                    &lt;!-- 为了往后台传值 --&gt;                                    &lt;input...
坐标系(Coordinate System)
qq_41985880的博客
07-31 1759
投影坐标系 将地理坐标系进行投影后，即得到投影坐标系。最常用的适用于我国的地图有以下几种： 1、高斯克吕格（Gauss Kruger）投影 是以椭圆柱为投影面，使地球椭球体的某一经线与椭圆柱相切，然后按等角条件，将中央经线两侧各一定范围内的经纬线投影到椭圆柱面上，再将其展成平面而得。 2、通用横轴墨卡托（Universal Transverse Mercator, UTM）投影 其实质是等角横割圆柱投影，它是以圆柱为投影面，使圆柱割于地球椭球体的两条等高圈上，然后按等角条件，将中央经线两侧各一定范围内的.
怎么自动定位到聊天记录最底部
03-31
这将自动将您的聊天记录定位到最底部。 2. 查找聊天窗口中的“自动滚动”选项，启用它可以自动将聊天记录定位到最底部。该选项通常位于聊天窗口的设置或选项菜单中。 3. 如果您的聊天应用程序支持快捷键，您可以...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

凌晨四点的_LA

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值