搜索历史

清除历史

热门搜索

网络工作室网站建设seo优化小程序

资讯动态

资讯动态

News Center

浏览器原始座标与百度座标的转换(百度地图)

工作室动态 2020/7/13 11:12:00    98web    阅读 1601

我们经常在使用浏览器得到的原始座标直接进行定位的时候,会发现自己居然在湖里或者在大海中。那是什么原因造成的呢?原来,由于我们浏览器获取的原始座标精度不是那么准确,以致于造成了定位上的差异。那么,我们要如何来规避这一问题呢,这时候,我们就要使用到原始座标与百度座标的转换了。

废话少说,直接上代码:

    // 百度地图API功能

    //GPS坐标

    var x = 113.291986;

    var y = 30.749021;

    var ggPoint = new BMap.Point(x,y);



    //地图初始化

    var bm = new BMap.Map("allmap");

    bm.centerAndZoom(ggPoint, 15);

    bm.addControl(new BMap.NavigationControl());



    //添加gps marker和label

    var markergg = new BMap.Marker(ggPoint);

    bm.addOverlay(markergg); //添加GPS marker

    var labelgg = new BMap.Label("未转换的GPS坐标(错误)

"+x+","+y,{offset:new BMap.Size(20,-10)});

    markergg.setLabel(labelgg); //添加GPS label



    //坐标转换完之后的回调函数

    translateCallback = function (data){

      if(data.status === 0) {

        var marker = new BMap.Marker(data.points[0]);

        bm.addOverlay(marker);

        var label = new BMap.Label("转换后的百度坐标(正确)

"+data.points[0].lng+","+data.points[0].lat,{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);


运行结果:


TAG标签:百度地图座标转换原始座标百度座标
链接地址:/html/news/gzs/21.html
郑重声明:以上内容来源自玖捌网络工作室,转载请注明出处!

兼顾高品质与个性化的界面设计

网站无须三方授权 · 安全稳定、维护方便

玖捌网络工作室
18972931619
扫码获取最新报价
0.052768