・ Ruby: 2.5.7 Schienen: 5.2.4 ・ Vagrant: 2.2.7 -VirtualBox: 6.1 ・ Betriebssystem: macOS Catalina
Folgendes wurde implementiert.
・ Schlanke Einführung ・ Google Map-Anzeige
Bitte aktivieren Sie die "Geolocation-API", indem Sie das gleiche Verfahren wie unter "Aktivieren der Geocoding-API" im folgenden Artikel ausführen.
Berechnen von Längen- und Breitengraden mithilfe der Geolocation-API
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() {
//Standortinformationen abrufen
navigator.geolocation.getCurrentPosition(function (position) {
LatLng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
//Zeigen Sie hauptsächlich die erfassten Positionsinformationen an
map = new google.maps.Map(document.getElementById('map'), {
center: LatLng,
zoom: 15
});
});
}
Wenn Sie "Turbolinks" nicht deaktivieren, wird die Karte nicht umgeschaltet. Deaktivieren Sie sie daher unbedingt.
So deaktivieren Sie Turbolinks
Recommended Posts