百度地图----解析经纬度

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/m0_38082783/article/details/78320779

解析经纬度 Geocoder

步骤

直接js代码

   // 百度地图API功能
    var point = null;
    var map = new BMap.Map("l-map");
    map.centerAndZoom(new BMap.Point(116.395645,39.929986), 7);
    map.enableScrollWheelZoom(true);
    //解析经纬度
    function analysis(pt){
        var geoc = new BMap.Geocoder();
        geoc.getLocation(new BMap.Point(pt.lng,pt.lat),function(res){
            alert(res.addressComponents.city.substring(0,2));
            map.centerAndZoom(res.address,12);
            geoc.getPoint(res.address, function(pt){
                pt && addMarker(new BMap.Point(pt.lng, pt.lat),new BMap.Label( res.address , {offset:new BMap.Size(20,-10)}));
            }, "中国");
            // map.addOverlay(new BMap.Marker(pt.lng,pt.lat),new BMap.Label(res.address, {offset:new BMap.Size(20,-10)}));
        });
    }
    function addMarker(point,label){// 编写自定义函数,创建标注
        var marker = new BMap.Marker(point);
        map.addOverlay(marker);
        marker.setLabel(label);
        // marker.setAnimation(BMAP_ANIMATION_BOUNCE);//图标动画
    }

其他

我的博客,欢迎交流!

我的CSDN博客,欢迎交流!

微信小程序专栏

前端笔记专栏

微信小程序实现部分高德地图功能的DEMO下载

微信小程序实现MUI的部分效果的DEMO下载

微信小程序实现MUI的GIT项目地址

微信小程序实例列表

前端笔记列表

游戏列表

展开阅读全文

没有更多推荐了,返回首页