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. 结束

  • 相关阅读:
    Model2
    servlet_获取初始化参数
    Java_Reflect反射
    Java Web_过滤器
    JSP状态管理_1_Cookie
    JSP_内置对象_session
    Sql Server中的数据类型和Mysql中的数据类型的对应关系(转)
    组合权限查询 SQL,UniGUI
    BIM 3D 数据交换格式 ----张建平(清华女)
    即速应用_微信小程序开发 http://www.jisuapp.cn/
  • 原文地址:https://www.cnblogs.com/vali/p/6520045.html
Copyright © 2011-2022 走看看