怎么调用地理位置，有什么react组件能推荐吗

Question

目前主要用react和antd开发的Web端页面，想知道怎么调用那种地图，获取当前地理位置呢

Answer 1

1 获取经纬度 PC端就是js原生的navigator.geolocation 移动端就是ios或安卓原生的不需要你关心了

function getPosition(){
    if(navigator.geolocation){
       navigator.geolocation.getCurrentPosition(getAddress);
    }else{
       alert("您的浏览器不支持地理定位");
    }
}

2 根据经纬度调用百度or高德or谷歌等地图 使用对用api获取到精确地址 俗称逆地址解析

function getAddress(pos){
    lat=pos.coords.latitude;
    lon=pos.coords.longitude;
    // 接下去照抄所用map的api就行 amap/bmap随便
           
    // 百度api实例
    // 创建地理编码实例      
    var myGeo = new BMap.Geocoder();      
    // 根据坐标得到地址描述    
    myGeo.getLocation(new BMap.Point(lat, lon), function(result){      
        if (result){      
            alert(result.address);      
        }      
    });
}
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>

Answer 2

比较简单，用百度地图或者高德地图的API就行了，看看文档就懂了，上手容易http://lbsyun.baidu.com/