關於web移動端定位

2022-03-19 22:08:43 字數 446 閱讀 4618

最近在做乙個搜尋附近3公里所有超市資訊(已經錄入資料庫的超市資訊)的功能。思路很簡單只是獲取使用者當前地理位置(經緯度),通過sql語句篩選出3公里範圍內的所有超市資訊,然後傳遞到前台頁面展示出來。但是我是第一次通過移動端web獲取使用者地理位置,遇到很多的問題,我覺得我有必要記錄一下,一方面彰顯自己的成就,一方面想把經驗分享給大家。

這個致命問題就是,只要連線移動資料(不使用wifi)全部都定位到合肥去了(測試使用的是安徽手機號),我百思不得其解,經過一番測試思考才明白所謂的ip定位是什麼意思,也明白了所謂移動資料是什麼?所謂的ip定位就是通過路由位址定位,流動網路就是乙個大的wifi網路環境,使用移動資料定位會定位到這個wifi網路的路由所在地,也就是合肥。這一結果讓我心涼,流動網路不能定位這讓我們的需求也成了泡影,我不得不放棄已經完成的功能另外找尋找解決方案。

雖然過程很曲折但是結果還算不錯,總算滿足了定位的功能需求,也收穫了很多東西。

關於移動端web字型

摘要 在web編碼中,css預設應用的web字型是有限的,網頁一般都是先有設計稿,然後轉為div css 這其中就會出現很大的差異,例如在移動端的 展示字型的問題,移動端沒有微軟雅黑字型。一 手機系統預設字型 1 ios 系統 1 預設中文字型是heiti sc 2 預設英文本型是helvetica...

移動端定位

created 複製 var map new amap.map container const self this amap.plugin amap.geolocation function geolocation.getcurrentposition status,result geocoder....

關於移動端的web問題

除錯 真機除錯 live server進行除錯 具體可見npm webpack dev server區域網真機除錯 推薦 在連線同乙個區域網的情況下,可以訪問埠訪問我的網頁 usb開發者選項進行除錯 步驟繁瑣,在此就不詳細敘述 安卓 模擬器除錯 谷歌模擬器除錯 可在開發者工具下找到很多機型的除錯方式...