Learn Progressive Web Apps All In One
Learn Progressive Web Apps All In One
PWA
PWA Resources
React with CRA: Making a PWA
Next.js: PWA Sample
Vue: CLI PWA Plugin
Angular: Service Worker and PWA Documentation
Svelte: Build a PWA
Nuxt.js: PWA
Jekyll PWA Plugin
Gatsby: PWA
ASP.NET: Build PWAs with ASP.NET Core Blazor WebAssembly
Django: Make PWA of a Django Project
Flutter: Building a web application with Flutter
Wordpress: PWAs for Wordpress
https://web.dev/learn/pwa/conclusion/
geolocation
const geoOptions = {
timeout: 10 * 1000,
enableHighAccuracy: true,
maximumAge: 0,
};
window.navigator.geolocation.getCurrentPosition((position) => {
const cords = position.coords;
console.log(`position = `, position);
console.log(`position.coords = `, position.coords);
console.log(`Latitude : ${cords.latitude}`);
console.log(`Longitude : ${cords.longitude}`);
}, (error) => {
console.debug(`Error: ${error.code}:${error.message}`);
// 调用 ip 定位查询服务✅
/**
* Invoke the IP based location services
* to fetch the latitude and longitude of the user.
*/
},
geoOptions,
);
// 纬度 Latitude : 31.2639786
// 经度 Longitude : 121.3897594
经纬度范围
东经(0 ~ 180),北纬 (0 ~ 90)
121.3897594, 31.2639786
https://developer.mozilla.org/en-US/docs/Web/API/Geolocation_API
经纬度查询
坐标拾取系统
https://support.google.com/maps/answer/18539?hl=zh-Hans&co=GENIE.Platform%3DDesktop
demo
https://api.map.baidu.com/lbsapi/getpoint/index.html
https://lbs.amap.com/tools/picker
地理坐标系
东经180°即西经180°, 从赤道的0度到南北极的90度
纬度数值在0至30度之间的地区称为低纬度
地区;
纬度数值在30至60度之间的地区称为中纬度
地区;
纬度数值在60至90度之间的地区称为高纬度
地区。
https://zh.wikipedia.org/wiki/地理坐标系
https://zh.wikipedia.org/wiki/经度
https://zh.wikipedia.org/wiki/纬度
refs
https://github.com/xgqfrms/pwa/
https://github.com/googlecodelabs/your-first-pwapp
https://developers.google.com/web/fundamentals/codelabs/?hl=zh-cn
https://codelabs.developers.google.com/codelabs/your-first-pwapp/index.html
https://developers.google.com/codelabs/pwa-training/pwa03--going-offline?hl=zh-cn
©xgqfrms 2012-2020
www.cnblogs.com/xgqfrms 发布文章使用:只允许注册用户才可以访问!
原创文章,版权所有©️xgqfrms, 禁止转载 🈲️,侵权必究⚠️!
本文首发于博客园,作者:xgqfrms,原文链接:https://www.cnblogs.com/xgqfrms/p/16176760.html
未经授权禁止转载,违者必究!