vue 单纯的获取经纬度

用百度的api举个例子

首先在index页面引入如下:

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=(你的sdk密匙)"></script>

原样复制粘贴到index里就可以了,记住尾巴的ak是你自己的地图密匙哦

随后在想调用的地方写入如下

var _this = this;
  if(navigator.geolocation) {
	navigator.geolocation.getCurrentPosition(
	  //locationSuccess 获取成功的话
	  function(position) {
	    _this.getLongitude = position.coords.longitude;  //position就是我们通过api获取的信息,而我们想获取的经纬度就在coords下,随后将经纬度分别赋值给外部data设定好的变量
	    _this.getLatitude = position.coords.latitude;    //记住如果这里直接写this可能会导致找不到外部的变量而报错,所以提前设置一下this的指向
	    alert(_this.getLatitude)               //弹出经度测试
	  },
	  //locationError  获取失败的话
	  function(error) {
	    var errorType = ['您拒绝共享位置信息', '获取不到位置信息', '获取位置信息超时'];
	    alert(errorType[error.code - 1]);
	  }
	);
  }

  记住一点,电脑是测不出来的,会出现这种情况:

您拒绝共享位置信息~

所以这个只能挪到手机上测试:

弹出一个经度测试,是成功的,精彩~

猜你喜欢

转载自www.cnblogs.com/DangerousBaymax/p/9122161.html
今日推荐