Google Maps-Javascript-GeoLocation - funktioniert Nicht in Chrome
Hinweis: Die original-Quelle für die html-zitiert unten kam aus http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_geolocation_map und Google Maps Javascript V3 geolocation können den Zugriff initialLocation variable, es sei denn alarmiert
Ich gesammelt habe drei verschiedene Versionen von geolocation Beispiele. Alle funktionieren einwandfrei im Firefox. Keine Arbeit in Chrom. Ich habe den Chrome-Berechtigung, mit allen Seiten, um meine Lage, aber noch keinen Erfolg. Es muss ein Chrome-Einstellung, aber nicht das offensichtliche ein: Einstellungen/Erweiterte Einstellungen Anzeigen/Datenschutz/Content-Einstellungen/Standort/Zulassen alle Websites eine übersicht über meine physische Lage.
In Firefox sehe ich meine aktuelle Lage nach der Aufforderung zur Freigabe.
In Chrome bekomme ich User denied the request for Geolocation oder
Fehler: Der Geolocation-Dienst konnte je nach html.
Gegeben, das funktioniert in Firefox und nicht Chrome ich finde es hat ein Chrome-Einstellung, aber ich weiß einfach nicht, was ich tun kann, ist, dass die mehr erlauben, als Zuzulassen, dass alle Seiten eine übersicht über meine physische Lage.
Hier sind die drei HTML5-Dateien:
geoGoogle.html:
<!DOCTYPE html>
<html>
<head>
<title>Geolocation</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<link href="https://google-developers.appspot.com/maps/documentation/javascript/examples/default.css" rel="stylesheet">
<!--
Include the maps javascript with sensor=true because this code is using a
sensor (a GPS locator) to determine the user's location.
See: https://developers.google.com/apis/maps/documentation/javascript/basics#SpecifyingSensor
-->
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true"></script>
<script>
var map;
function initialize() {
var mapOptions = {
zoom: 6,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
//Try HTML5 geolocation
if(navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
initialLocation = new google.maps.LatLng(position.coords.latitude,position.coords.longitude);
map.setCenter(initialLocation);
var infowindow = new google.maps.InfoWindow({
map: map,
position: initialLocation ,
content: 'Location found using W3C standard'
});
var marker = new google.maps.Marker({
position: initialLocation,
map: map
});
}, function() {
handleNoGeolocation(true);
});
} else {
//Browser doesn't support Geolocation
handleNoGeolocation(false);
}
}
function handleNoGeolocation(errorFlag) {
if (errorFlag) {
var content = 'Error: The Geolocation service failed.';
} else {
var content = 'Error: Your browser doesn\'t support geolocation.';
}
var options = {
map: map,
position: new google.maps.LatLng(60, 105),
content: content
};
var infowindow = new google.maps.InfoWindow(options);
map.setCenter(options.position);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>
</html>geoGoogle2.html:
<!DOCTYPE html>
<html>
<head>
<title>Geolocation</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<link href="https://google-developers.appspot.com/maps/documentation/javascript/examples/default.css" rel="stylesheet">
<!--
Include the maps javascript with sensor=true because this code is using a
sensor (a GPS locator) to determine the user's location.
See: https://developers.google.com/apis/maps/documentation/javascript/basics#SpecifyingSensor
-->
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true"></script>
<script>
var map;
function initialize() {
var mapOptions = {
zoom: 6,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
//Try HTML5 geolocation
if(navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
var pos = new google.maps.LatLng(position.coords.latitude,
position.coords.longitude);
var infowindow = new google.maps.InfoWindow({
map: map,
position: pos,
content: 'Location found using HTML5.'
});
map.setCenter(pos);
}, function() {
handleNoGeolocation(true);
});
} else {
//Browser doesn't support Geolocation
handleNoGeolocation(false);
}
}
function handleNoGeolocation(errorFlag) {
if (errorFlag) {
var content = 'Error: The Geolocation service failed.';
} else {
var content = 'Error: Your browser doesn\'t support geolocation.';
}
var options = {
map: map,
position: new google.maps.LatLng(60, 105),
content: content
};
var infowindow = new google.maps.InfoWindow(options);
map.setCenter(options.position);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>
</html>geoGoogle3.html:
<!DOCTYPE html>
<html>
<body>
<p id="demo">Click the button to get your position:</p>
<button onclick="getLocation()">Try It</button>
<div id="mapholder"></div>
<script>
var x=document.getElementById("demo");
function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition,showError);
}
else{x.innerHTML="Geolocation is not supported by this browser.";}
}
function showPosition(position)
{
var latlon=position.coords.latitude+","+position.coords.longitude;
var img_url="http://maps.googleapis.com/maps/api/staticmap?center="
+latlon+"&zoom=14&size=400x300&sensor=false";
document.getElementById("mapholder").innerHTML="<img src='"+img_url+"'>";
}
function showError(error)
{
switch(error.code)
{
case error.PERMISSION_DENIED:
x.innerHTML="User denied the request for Geolocation."
break;
case error.POSITION_UNAVAILABLE:
x.innerHTML="Location information is unavailable."
break;
case error.TIMEOUT:
x.innerHTML="The request to get user location timed out."
break;
case error.UNKNOWN_ERROR:
x.innerHTML="An unknown error occurred."
break;
}
}
</script>
</body>
</html>Dank
- mögliche Duplikate von W3C Geolocation API funktioniert nicht in Chrome
- Ja, es ist ein Duplikat. Ich war mit file:///... Danke David. BTW, da ist kein grünes Häkchen neben deiner Antwort, was soll ich tun? Sollte ich das löschen der Frage?
- Nee, lassen Sie es bis. Ihr code wird wahrscheinlich auch jemand helfen, die Straße hinunter. Wenn die Gemeinde meint, es ist unnötig, es wird gesorgt.
Schreibe einen Kommentar
Du musst angemeldet sein, um einen Kommentar abzugeben.
Chrome und safari (webkit-Browser) nicht erlauben Geolocation-API für Dateien, die im Datei-system.
erstellen Sie einfach eine web-Anwendung, und versuchen Sie, darauf zugreifen mit localhost wie
nur die Verwendung von HTTPS anstelle von HTTP, und es wird funktionieren