vue 擷取使用者的地理位置

目前項目有做到擷取使用者的地理位置，是以就寫一下筆記，大部分參考網上的；

1:通路搜狐的API：

在index.html裡添加

<script type="text/javascript" src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
<script>
  console.log(returnCitySN["cip"] + "," + returnCitySN["cname"]);
  var addwww = returnCitySN["cname"].substring(0,3);
  window.localStorage.addwww = addwww ;
</script>
           

在元件擷取的時候用

addwww == localStorage.getItem("addwww")
           

注意：此方法隻可以通過通路連結擷取returnCitySN值，不可以通過ajax擷取，原因不詳，

解決辦法：頁面中直接引入下面位址，直接使用returnCitySN即可。

2：百度地圖API

'http://api.map.baidu.com/location/ip?ip='+ 所在IP + '&ak='+'申請的專屬'+'ak&coor=bd09ll'
           

此方法借助百度地圖所提供