zoukankan      html  css  js  c++  java
  • 调用百度地图 根据经纬度定位 返回地址名称

    1. 创建地图引用

    //创建地图引用
    function createMap() {
        var script = document.createElement("script");
        script.src = "https://api.map.baidu.com/api?v=2.0&ak=你的密匙&s=1&callback=storeAddLocation";//此为v2.0版本的引用方式   
        document.body.appendChild(script);
        pages.storeAdd.init = 1;
    }

    2.函数

    function storeAddLocation() {
        var defaultmap = new BMap.Map("allmap");
        var point = new BMap.Point(pages.storeAdd.point.longitude, pages.storeAdd.point.latitude);
        defaultmap.centerAndZoom(point, 19);
        var marker = new BMap.Marker(point);  
        defaultmap.addOverlay(marker);
       // map.centerAndZoom(point, 12);
        var geolocation = new BMap.Geolocation();
        geolocation.getCurrentPosition(function (r) {
            if (this.getStatus() == BMAP_STATUS_SUCCESS) {
                var mk = new BMap.Marker(r.point);
                defaultmap.addOverlay(mk);
                defaultmap.panTo(r.point);
          //经纬度
    // alert('您的位置:' + r.point.lng + ',' + r.point.lat); var geoc = new BMap.Geocoder(); var pt = r.point; geoc.getLocation(pt, function (rs) { var addComp = rs.addressComponents;
    //地址名称
    //alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber); pages.storeAdd.defaultAddress = addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber; //pages.storeLocation.addressInfo = defaultAddress; // $('.shopAdress').val(defaultAddress); // alert(pages.storeAdd.defaultAddress) $('.shopAdress').val(pages.storeAdd.defaultAddress); }); } else { alert('failed' + this.getStatus()); } }, { enableHighAccuracy: true }) }

    3. 结束

  • 相关阅读:
    mysql数据库
    is not in the sudoers file.This incident will be reported
    linux的一些命令
    u盘安装linux(windows7+linux双系统)
    优惠券、礼品卡、礼券
    优惠营销管理
    优惠营销管理
    hdu 1166 线段树单点更新
    hdu 1542 扫描线求矩形面积的并
    hdu 2444 二分图判断与最大匹配
  • 原文地址:https://www.cnblogs.com/vali/p/6520045.html
Copyright © 2011-2022 走看看