Learn Progressive Web Apps All In One

Learn Progressive Web Apps All In One

https://pwa.xgqfrms.xyz/

PWA

https://web.dev/learn/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://web.dev/mishipay/

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://jingweidu.bmcx.com/

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, 禁止转载 🈲️，侵权必究⚠️！

---