Heim > Web-Frontend > H5-Tutorial > Hauptteil

Verwenden Sie h5, um die Geolokalisierung des Benutzers zu ermitteln

不言
Freigeben: 2018-06-12 17:11:24
Original
2498 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich den Beispielcode von h5 vor, um die geografische Positionierung zu erhalten. Jetzt werde ich ihn mit Ihnen teilen und als Referenz geben.

In einem aktuellen Projekt gibt es eine Funktion, um umliegende Händler zu ermitteln, die den Einsatz eines Geolokalisierungssystems erfordert

Nachdem ich die Informationen überprüft hatte, habe ich einfach darüber nachgedacht Der Code ist gekapselt.

const getPosition = (
  timeout = 10000,
  maximumAge = 60000, 
  enableHighAcuracy = false) => new Promise((resolve, reject) => {
  if (!navigator && !navigator.geolocation)  {
    return reject(new Error('geolocation api not supported'))
  } 

  const success = (loc) => {
      const location = {
        latitude: loc.coords.latitude,  // 纬度
        longitude: loc.coords.longitude,  // 经度
        accuracy: loc.coords.accuracy // 精确度
      }
      resolve(location)
  }

  const error = () => reject('出错了')

  navigator.geolocation.getCurrentPosition(success, error, {
    enableHighAcuracy,  // 指示浏览器获取高精度的位置,默认为false
    timeout,  // 指定获取地理位置的超时时间,默认不限时,单位为毫秒
    maximumAge // 最长有效期,在重复获取地理位置时,此参数指定多久再次获取位置。
  })
})

// 使用示例
getPosition()
.then(pos => pos)
.catch(err => console.log(err))
Nach dem Login kopieren

h5s API zum Ermitteln des geografischen Standorts ist in der Tat sehr nützlich, aber da das Ermitteln des geografischen Standorts des Benutzers zur Privatsphäre des Benutzers gehört, ist die Autorisierung des Benutzers erforderlich.

Unabhängig davon, ob der Benutzer die Autorisierung verweigert oder zulässt, wird die Website vom Browser zwischengespeichert und der Benutzer wird beim nächsten Besuch nicht erneut gefragt, es sei denn, der Benutzer entfernt die Bereitstellung manuell. Die Adresse zum Entfernen der Regel in Chrome befindet sich in den Einstellungen, wie unten gezeigt:

Wenn der Benutzer dies ablehnt, können Sie außerdem den Breiten- und Längengrad abrufen, indem Sie Folgendes auswählen IP. Im Allgemeinen ist der Fehler relativ groß.

ipip.net ist eine Website, die geografische Standortinformationen des Benutzers über IP erhalten kann.

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

Verwenden Sie H5, um die WeChat-Schnittstelle zu imitieren

Verwenden Sie HTML5 Canvas kapselt ein Kreisdiagramm, das Echarts nicht implementieren kann

Das obige ist der detaillierte Inhalt vonVerwenden Sie h5, um die Geolokalisierung des Benutzers zu ermitteln. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!