[JAVA] [Rails] Comment obtenir des informations de localisation à l'aide de l'API de géolocalisation

Environnement de développement

・ Rubis: 2.5.7 Rails: 5.2.4 ・ Vagrant: 2.2.7 -VirtualBox: 6.1 ・ Système d'exploitation: macOS Catalina

supposition

Ce qui suit a été mis en œuvre.

Présentation minceAffichage de Google Map

Activer l'API de géolocalisation

Veuillez activer l '«API de géolocalisation» en suivant la même procédure que «Activation de l'API de géocodage» dans l'article ci-dessous.

Comment calculer la latitude et la longitude à l'aide de l'API de géolocalisation

la mise en oeuvre

slim:~.html.slim


#map style='height: 500px; width: 500px;'

- google_api = "https://maps.googleapis.com/maps/api/js?key=#{ ENV['GOOGLE_MAP_API'] }&callback=initMap".html_safe
script{ async src=google_api }

javascript:

  let map;

  function initMap() {
    //Obtenir des informations de localisation
    navigator.geolocation.getCurrentPosition(function (position) {
    LatLng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);

      //Afficher principalement les informations de position acquises
      map = new google.maps.Map(document.getElementById('map'), {
        center: LatLng,
        zoom: 15
      });
    });
  }

Mise en garde

Si vous ne désactivez pas turbolinks, la carte ne changera pas, alors assurez-vous de la désactiver.

Comment désactiver les turbolinks

Recommended Posts

[Rails] Comment obtenir des informations de localisation à l'aide de l'API de géolocalisation
Comment obtenir des données d'article à l'aide de l'API Qiita
Comment obtenir des abonnés et des abonnés de Python à l'aide de l'API Mastodon
[Python] J'ai essayé d'obtenir diverses informations en utilisant l'API de données YouTube!
[Rails] google maps api Comment publier et afficher des informations cartographiques
Comment obtenir un exemple de rapport à partir d'une valeur de hachage à l'aide de l'API de Virus Total
[Rails] Comment détecter des images radicales en analysant des images à l'aide de l'API Cloud Vision
Comment afficher la carte à l'aide de l'API Google Map (Android)
Comment utiliser Folium (visualisation des informations de localisation)
Obtenons les informations Wiki en utilisant l'API MediaWiki
Comment analyser avec Google Colaboratory à l'aide de l'API Kaggle
Obtenir des informations avec l'API Zabbix
Obtenir des informations GitHub à l'aide de PyGithub
J'ai essayé d'obtenir les informations de localisation du bus Odakyu
Comment réinitialiser le mot de passe via l'API à l'aide du framework Rest Django
J'ai essayé d'obtenir les informations du Web en utilisant "Requests" et "lxml"
Comment obtenir la température du thermo-hygromètre SwitchBot à l'aide de Raspberry Pi
J'ai essayé d'obtenir diverses informations de l'API codeforces
Exportez les informations produit au format CSV à l'aide de l'API de recherche de produits Rakuten [Python]
Appelez l'API github en python pour obtenir des informations sur la demande d'extraction
Comment installer Python à l'aide d'Anaconda
[Rails] Comment afficher Google Map
Obtenir des données Salesforce à l'aide de l'API REST
Comment obtenir la version Python
Comment démarrer avec Scrapy
Comment démarrer avec Python
Obtenez des données Amazon à l'aide de Keep API # 1 Obtenez des données
Comment démarrer avec Django
Comment utiliser l'API Python d'OpenPose
Essayez d'obtenir des statistiques en utilisant e-Stat
Comment utiliser l'API Bing Search
[Python] Comment utiliser l'API Typetalk
[Yahoo! Weather Replacement Version] Comment obtenir des informations météo avec LINE Notify + Python
Comment obtenir la valeur du magasin de paramètres dans lambda (en utilisant python)
J'ai essayé d'obtenir les informations sur le film de l'API TMDb avec Python
Comment rechercher à l'aide de l'Astroquery de Python et obtenir des images ajustées avec Skyview
[Rails] Comment présenter Google Analytics [Facile]
Comment obtenir l'identifiant du parent avec sqlalchemy
Comment se débarrasser des longues inclusions
Comment dessiner un graphique avec Matplotlib
Publication groupée sur Qiita: équipe utilisant l'API Qiita
Comment obtenir une adresse IP lorsque Tornado + nginx
Comment configurer SVM à l'aide d'Optuna
Recevoir des e-mails à l'aide de l'API Gmail en Java
Comment installer un package à l'aide d'un référentiel
Comment configurer XG Boost à l'aide d'Optuna
Comment obtenir stacktrace en python
Obtenez des données Youtube en Python à l'aide de l'API Youtube Data
Comment obtenir une sortie colorée sur la console
Comment télécharger des vidéos YouTube à l'aide de pytube3
[Python] Obtenez des informations sur le package Python avec l'API PyPI
Comment utiliser l'API Cloud Vision de GCP
Obtenez des informations sur la monnaie virtuelle Coincheck avec l'API ♪
[Rails] Comment calculer la latitude et la longitude avec une grande précision à l'aide de l'API Geocoding et l'afficher sur Google Map
Comment obtenir le nom du bloc-notes que vous utilisez actuellement dans Google Colab
Comment coder un drone en utilisant la reconnaissance d'image
Comment implémenter la fonctionnalité de type helper Rails dans Django
Procédure pour utiliser l'API WEB de TeamGant (en utilisant python)
Comment configurer une forêt aléatoire à l'aide d'Optuna
[Python] Obtenez tous les commentaires à l'aide de Youtube Data Api