* 獲取IP https://www.taobao.com/help/getip.php https://pv.sohu.com/cityjson?ie=utf-8 * IP解析 https://api.map.baidu.com/location/ip >[success] # 練習例子 ~~~ <template> <div class="geolocation"> Geolocation <hr /> 定位坐標： <br /> ip: {{ ip }}<br /> 緯度：{{ position.lat }}<br /> <hr /> {{ msg }} </div> </template> <script> export default { name: "geolocation", data() { return { position: {}, msg: "", }; }, mounted() { this.timer = setTimeout(this.doTimeout, 5000); // 如果navigator.geolocation.getCurrentPosition 觸發成功怎阻止this.doTimeout觸發 navigator.geolocation.getCurrentPosition((position) => { this.position = position; if (this.timer) { clearTimeout(this.timer); } }); }, methods: { doTimeout() { this.msg = "定位超時"; this.getIp(); }, getIp() { // jsonp get "https://www.taobao.com/help/getip.php" // baidu sdk get ip information }, }, }; </script> ~~~