・ Rubis: 2.5.7 Rails: 5.2.4 ・ Vagrant: 2.2.7 -VirtualBox: 6.1 ・ Système d'exploitation: macOS Catalina
Ce qui suit a été mis en œuvre.
・ Présentation mince ・ Affichage de Google Map
l'API de géolocalisationVeuillez 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
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
});
});
}
Si vous ne désactivez pas turbolinks, la carte ne changera pas, alors assurez-vous de la désactiver.