Heim > Web-Frontend > H5-Tutorial > Hauptteil

Einfacher HTML5-Code zum Erlernen geografischer Standorte. HTML5-Tutorialfähigkeiten

WBOY
Freigeben: 2016-05-16 15:48:18
Original
1377 Leute haben es durchsucht


Code kopieren
Der Code lautet wie folgt:

/**
* Das Folgende ist der HTML5-Code zum Abrufen des geografischen Standorts
*/
function getLocation() {
//Überprüfen Sie, ob der Browser die Geolokalisierungserfassung unterstützt
if (navigator.geolocation) {
//Wenn er die Geolokalisierungserfassung unterstützt, rufen Sie erfolgreich showPosition( auf ), Fehler beim Aufrufen von showError
// warning("Trying to get location...");
var config = { enableHighAccuracy: true, timeout: 5000, maximumAge: 30000 }; .getCurrentPosition( showPosition, showError, config);
} else {
//alert("Geolocation wird von diesem Browser nicht unterstützt.");
alert("Positionierung fehlgeschlagen, der Benutzer hat die Standorterfassung deaktiviert Erlaubnis");
}
}
/**
* Adressstandort erfolgreich ermittelt
*/
function showPosition(position) {
//Längen- und Breitengrad abrufen
var x = Position. coords.latitude;
var y = position.coords.longitude;
//Baidu Geocoding API konfigurieren
var url = "http://api.map.baidu.com/geocoder/v2/?ak =C93b5178d7a8ebdb830b9b557abce78b"
"&callback=renderReverse"
"&location=" x "," y
"&output=json"
"&pois=0";
$.ajax({
type: "GET" ,
dataType: "jsonp",
url: url,
success: function (json) {
if (json == null || typeof (json) == "undefiniert") {
return;
if (json.status != "0") {
return;
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert("[x:" x ",y:" y "]Fehler beim Abrufen des Adressstandorts. Bitte wählen Sie die Adresse manuell aus ");
}
});
}
/**
* Adressstandort konnte nicht ermittelt werden [noch nicht verarbeitet]
*/
function showError(error) {
switch (error.code) {
case error.PERMISSION_DENIED:
alert („Positionierung fehlgeschlagen, der Benutzer hat die Anfrage zur Geolokalisierung abgelehnt“);
//x.innerHTML = „Der Benutzer hat die Anfrage zur Geolokalisierung abgelehnt.[Der Benutzer hat die Anfrage zur Geolokalisierung abgelehnt] "
break;
case error.POSITION_UNAVAILABLE :
alert("Standort fehlgeschlagen, Standortinformationen sind nicht verfügbar");
//x.innerHTML = "Standortinformationen sind nicht verfügbar.[Standortinformationen sind nicht verfügbar ]"
break;
case error.TIMEOUT:
alert("Positionierung fehlgeschlagen, Zeitüberschreitung bei Anfrage zum Abrufen des Benutzerstandorts");
//x.innerHTML = "Die Anfrage zum Abrufen des Benutzerstandorts Zeitüberschreitung. [Zeitüberschreitung bei Anforderung zum Abrufen des Benutzerstandorts.]"
break;
case error.UNKNOWN_ERROR:
alert("Positionierung fehlgeschlagen, Positionierungssystem fehlgeschlagen");
//x.innerHTML = „Ein unbekannter Fehler ist aufgetreten.[Unbekannter Fehler]“
break ;
}
}
/**
* Adresse einstellen
*/
function setAddress(json) {
var position = document.getElementById("txtPosition");
//Province
var Province = json.province; >var Bezirk = json.district;
Provinz = Provinz.replace ('Stadt', ''
Position.Wert = Provinz "," Stadt "," Bezirk
Position.Style.Color = 'schwarz';
}

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage