H5 sur 11__GeoLocation Géolocalisation
L'API de géolocalisation est généralement utilisée pour les appareils mobiles pour obtenir une localisation géographique à proprement parler, elle n'appartient pas à la spécification standard de H5.
1 Comment. utiliser l'API de géolocalisation ?
Pour utiliser cette API, accédez à la géolocalisation via window.navigator.geolocatio . Cet objet a les trois méthodes suivantes :
1. getCurrentPosition()
2. watchPosition()
3. La méthode
getCurrentPosition() peut transmettre trois paramètres, comme indiqué ci-dessous :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>GeoLocation API 地理定位</title>
<script type="text/javascript">
window.navigator.geolocation.getCurrentPosition(function(pos){
alert("当前地理位置的纬度： " +pos.coords.latitude
+"\n当前地理位置的经度： " +pos.coords.longitude
+ "\n当前经纬度的精度： " +pos.coords.accuracy
+ "\n设备的当前运动方向： " +pos.coords.heading
+ "\n设备的当前速度： " +pos.coords.speed
);
});
var watchID= window.navigator.geolocation.watchPosition(function(pos){
alert("当前位置变化的纬度： " +pos.coords.latitude
+"\n当前位置变化的经度： " +pos.coords.longitude
+ "\n当前经纬度变化的精度： " +pos.coords.accuracy
+ "\n设备的当前运动方向： " +pos.coords.heading
+ "\n设备的当前变化的速度： " +pos.coords.speed);
navigator.geolocation.clearWatch(watchID);
}, function(){
});
</script>
</head>
<body>
</body>
</html>
Le pos. L'objet contient un attribut coords, L'attribut coords représente une série d'informations de coordonnées géographiques 🎜>
altitude : Altitude
précision : Précision des coordonnées de latitude et de longitude (en). mètres)
altitudePrécision : en mètres Niveau de précision des coordonnées de hauteur en unités
cap : Direction du mouvement (spécifié par l'angle de rotation dans le sens des aiguilles d'une montre par rapport au nord géographique)
vitesse : Vitesse sol actuelle (en m/s)
pos contient également un attribut d'horodatage, qui est utilisé pour créer un horodatage en millisecondes lors du renvoi de l'objet coordonnées.
Le rendu est le suivant :
Ce qui précède est le contenu de H5 11__GeoLocation géolocalisation, Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Que signifie h5 ?
Aug 02, 2023 pm 01:52 PM
H5 fait référence à HTML5, la dernière version de HTML. H5 est un langage de balisage puissant qui offre aux développeurs plus de choix et d'espace créatif. Son émergence favorise le développement de la technologie Web et rend l'interaction et l'effet des pages Web plus excellents. mûrit progressivement et devient populaire, je pense qu'il jouera un rôle de plus en plus important dans le monde d'Internet.
Comment distinguer H5, WEB front-end, big front-end et WEB full stack ?
Aug 03, 2022 pm 04:00 PM
Cet article vous aidera à distinguer rapidement entre H5, WEB front-end, grand front-end et WEB full stack. J'espère qu'il sera utile aux amis dans le besoin !
Comment utiliser la position en h5
Dec 26, 2023 pm 01:39 PM
Dans H5, vous pouvez utiliser l'attribut position pour contrôler le positionnement des éléments via CSS : 1. Positionnement relatif, la syntaxe est "style="position: relative;"; 2. Positionnement absolu, la syntaxe est "style="position : Absolute;" "; 3. Positionnement fixe, la syntaxe est "style="position:fixed;" et ainsi de suite.
Comment implémenter h5 pour glisser vers le haut du côté Web pour charger la page suivante
Mar 11, 2024 am 10:26 AM
Étapes de mise en œuvre : 1. Surveiller l'événement de défilement de la page ; 2. Déterminer si la page a défilé vers le bas ; 3. Charger la page de données suivante ; 4. Mettre à jour la position de défilement de la page.
Comment envoyer votre position à quelqu'un d'autre
Jun 27, 2023 am 10:13 AM
La méthode pour envoyer la position à d'autres personnes est la suivante : 1. Utilisez la carte mobile pour envoyer la position, sélectionnez l'application de communication ou les médias sociaux appropriés sur l'interface de partage et envoyez les informations de localisation aux personnes qui en ont besoin. 2. Utilisez un ; outil de partage de localisation tiers pour réaliser la communication entre les appareils ; 3. Utilisez la technologie Wi-Fi, Bluetooth et Beacon pour envoyer la localisation.
Comment implémenter le composant de validation de formulaire H5 dans vue3
Jun 03, 2023 pm 02:09 PM
La description du rendu est basée sur vue.js et ne repose pas sur d'autres plug-ins ou bibliothèques ; les fonctions de base restent cohérentes avec element-ui, et certains ajustements ont été apportés à l'implémentation interne pour les différences mobiles. La plate-forme de construction actuelle est construite à l'aide de l'échafaudage officiel uni-app. Étant donné que la plupart des terminaux mobiles ont actuellement deux types : les mini-programmes h6 et WeChat, elle est très adaptée à la sélection technologique pour exécuter un ensemble de codes sur plusieurs terminaux. API de base de l'idée de mise en œuvre : utilisez provide et inject, correspondant à et. Dans le composant, une variable (tableau) est utilisée en interne pour stocker toutes les instances, et les données à transférer sont exposées via provide ; le composant utilise inject en interne pour recevoir les données fournies par le composant parent, et combine enfin ses propres attributs avec soumission de méthode
Résumé et introduction à la nouvelle balise de promotion H5 (avec exemples)
Aug 03, 2022 pm 05:10 PM
Cet article vous donnera une introduction aux nouvelles balises de promotion H5. J'espère qu'il sera utile aux amis dans le besoin !
Que signifient la page h5 et php ? (Discussion sur les connaissances connexes)
Mar 20, 2023 pm 02:23 PM
HTML5 et PHP sont deux technologies couramment utilisées dans le développement Web. La première est utilisée pour créer la mise en page, le style et l'interaction, et la seconde est utilisée pour gérer la logique métier et le stockage de données côté serveur. Plongeons dans les connaissances pertinentes de HTML5 et PHP.
