您当前的位置: 首页 > 

漏刻有时

暂无认证

  • 0浏览

    0关注

    717博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

百度地图H5手机端自动定位并更换图标的解决方案

漏刻有时 发布时间:2020-05-11 16:40:41 ,浏览量:0

百度地图jsAPI自带功能即可实现自动定位的功能,PC端定位不是很精确,手机移动端的自动定位误差不大。 在这里插入图片描述

自动定位状态提示;
```javascript
        geolocationControl.addEventListener("locationSuccess", function (e) {
            var address = '';
            address += e.addressComponent.province;
            address += e.addressComponent.city;
            address += e.addressComponent.district;
            address += e.addressComponent.street;
            address += e.addressComponent.streetNumber;
            console.log("当前定位地址为:" + address);
        });

        geolocationControl.addEventListener("locationError", function (e) {
            console.log(e.message);
        });

        map.addControl(geolocationControl);

/自动获取当前定位的经纬度 - Begin/ var geolocation = new BMap.Geolocation(); geolocation.getCurrentPosition(function ® { if (this.getStatus() == BMAP_STATUS_SUCCESS) { var localPoint = r.point; console.log(localPoint); } else { alert(‘failed’ + this.getStatus()); } }); /自动获取当前定位 - End/


```javascript
        /*添加定位控件*/
        var geolocationControl = new BMap.GeolocationControl({
            anchor: BMAP_ANCHOR_BOTTOM_LEFT,//控件的停靠位置
            offset:new BMap.Size(10,40),//偏移距离
            //showAddressBar:false,
            locationIcon:new BMap.Icon("images/icon.png", new BMap.Size(23, 24))//定位中心点的Icon样式
        });

Done!

关注
打赏
1661217259
查看更多评论
立即登录/注册

微信扫码登录

0.0470s