window._AMapSecurityConfig = {
  securityJsCode: '你的 secret',
}

import AMapLoader from '@amap/amap-jsapi-loader'

AMapLoader.load({
  key: '你的 key', // 申请好的Web端开发者Key，首次调用 load 时必填
  version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
  plugins: [], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
}).then((AMap) => {
  // 初始化代码
})

import PIXI, { Application, Sprite } from 'pixi.js'

const app = new Application({
  width: 500,
  height: 500,
  antialias: true, // default: false 反锯齿
  resolution: 1, // default: 1 分辨率
})
root.appendChild(app.view as any)

app.loader.add('bunny', logo).load((loader, resources) => {
  // This creates a texture from a 'bunny.png' image.
  const bunny = new Sprite(resources.bunny.texture)

  // Setup the position of the bunny
  bunny.x = app.renderer.width / 2
  bunny.y = app.renderer.height / 2

  // Rotate around the center
  bunny.anchor.x = 0.5
  bunny.anchor.y = 0.5

  // Add the bunny to the scene we are building.
  app.stage.addChild(bunny)
})

// Listen for frame updates
app.ticker.add(() => {
  // each frame we spin the bunny around a bit
  // console.log('bunny.anchor.x', bunny.anchor)
  if (bunny.x >= app.renderer.width) {
    bunny.x = 0
  } else {
    bunny.x += 1
  }
})

function checkOrientation() {
  return Boolean(window.DeviceOrientationEvent)
}

function watchOrientation(callback: (e: DeviceOrientationEvent) => void) {
  if (checkOrientation()) {
    window.addEventListener('deviceorientation', callback, true)
    return () => {
      window.removeEventListener('deviceorientation', callback, true)
    }
  }
  return loop
}

interface DeviceOrientationEvent extends Event {
  readonly absolute: boolean // 一个布尔值，指示设备是否绝对提供方向数据。
  readonly alpha: number | null // 表示设备绕z轴运动的数字，以度表示，值范围为0（包括）到360（不包括）。以正北方向为 0 度
  readonly beta: number | null // 表示设备绕x轴运动的数字，以度表示，值范围为-180（包括）到180（不包括）。这表示设备的前后运动。
  readonly gamma: number | null // 表示设备绕y轴运动的数字，以度表示，值范围为-90（包括）到90（不包括）。这表示设备从左到右的运动。
}

function checkGeolocation() {
  return 'geolocation' in navigator
}

async function checkPermission() {
  const res = await navigator?.permissions?.query({ name: 'geolocation' })
  return res?.state || 'prompt'
}

navigator.geolocation.getCurrentPosition(callback, handleError, options)

// 注册事件监听
const geoWatchID = navigator.geolocation.watchPosition(
  callback,
  handleError,
  options
)

// 清楚监听事件
navigator.geolocation.clearWatch(geoWatchID)

interface GeolocationCoordinates {
  readonly accuracy: number // 表示纬度和经度属性精度的双精度值，以米为单位
  readonly altitude: number | null // 海拔高度
  readonly altitudeAccuracy: number | null // 一个双精度值，表示以米为单位的高度精度。此值可以为空。
  readonly heading: number | null // 返回表示设备运行方向的双精度值。该值以度为单位，表示设备偏离正北方航向的距离。0度表示正北方，方向为顺时针方向（即东90度，西270度）。如果速度为0，航向为NaN。如果设备无法提供航向信息，则该值为空。
  readonly latitude: number // 维度
  readonly longitude: number // 经度
  readonly speed: number | null // 返回表示设备速度的双精度值，单位为米/秒。此值可以为空。
}

/** Available only in secure contexts. */
interface GeolocationPosition {
  readonly coords: GeolocationCoordinates // 表示设备在地球上的位置和海拔，以及计算这些属性的精确度
  readonly timestamp: EpochTimeStamp // 表示获取到的位置的时间
}

interface GeolocationPositionError {
  /**
   * 错误原因
   * 1 -> PERMISSION_DENIED: 地理位置信息的获取失败，因为该页面没有获取地理位置信息的权限。
   * 2 -> POSITION_UNAVAILABLE:	地理位置获取失败，因为至少有一个内部位置源返回一个内部错误。
   * 3 -> TIMEOUT: 获取地理位置超时，通过定义PositionOptions.timeout 来设置获取地理位置的超时时长。
   **/
  readonly code: number
  readonly message: string // 描述错误的详细信息
}

interface PositionOptions {
  enableHighAccuracy?: boolean // 表示应用程序希望接收最佳可能结果。如果为真，并且如果设备能够提供更准确的位置，它将这样做。请注意，这可能导致响应时间变慢或功耗增加（例如，使用移动设备上的GPS芯片）。另一方面，如果为假，则设备可以通过更快地响应和/或使用更少的功率来自由节省资源。默认值：false。
  maximumAge?: number // 可接受返回的可能缓存位置的最大时间（以毫秒为单位）。如果设置为0，则表示设备无法使用缓存位置，必须尝试检索实际当前位置。如果设置为无穷大，则设备必须返回缓存位置，而不管其使用年限如何。默认值：0。
  timeout?: number // 表示设备返回位置所允许的最大时间长度（以毫秒为单位）。默认值为无穷大，这意味着getCurrentPosition（）在位置可用之前不会返回。
}