百度地图获取ak

需求 : 最近使用react做一个业务, 需要定位用户的 地理位置 , 但是使用h5 的 Geolocation(地理定位) 不靠谱 , 于是就想到 了用 百度地图实现. 具体步骤如下

  1. 在使用百度地图之前 , 你需要申请一个ak , 这需要你登录百度账号,
  2. 在全局的html文件中引入 百度地图的key

  1. 使用ip定位(这里有三种定位方式如下图)
    http://lbsyun.baidu.com/index.php?title=jspopular3.0/guide/geolocation
    百度地图获取ak_第1张图片
  2. 复制官网的示例代码 就可以得到当前城市
IP定位
var map = new BMap.Map("allmap");
var point = new BMap.Point(116.331398,39.897445);
map.centerAndZoom(point,12);

function myFun(result){
	var cityName = result.name;
	map.setCenter(cityName);
	alert("当前定位城市:"+cityName);
}
var myCity = new BMap.LocalCity();
myCity.get(myFun);

为了让代码更加优雅 , 我们将它改成es6语法
(页面一加载就 打印当前城市)
百度地图获取ak_第2张图片

你可能感兴趣的:(react)