Verwenden Sie JS, um die Fähigkeiten der Methode summary_javascript für den aktuellen geografischen Standort zu erhalten-js-Tutorial-php.cn

Verwenden Sie JS, um die Fähigkeiten der Methode summary_javascript für den aktuellen geografischen Standort zu erhalten

WBOY

Freigeben： 2016-05-16 16:25:59

Original

1227 Leute haben es durchsucht

Während der diesjährigen Projektentwicklung bin ich zunächst mit der mobilen WEB-Entwicklung in Berührung gekommen. Ich habe sie hauptsächlich mithilfe der JQuery Mobile-Technologie entwickelt. Die meisten Stile müssen neu geschrieben werden. Nutzen Sie einfach einige Funktionen. Ich bin zum ersten Mal während des mobilen WEB-Entwicklungsprozesses mit der Positionierungsfunktion in Berührung gekommen und habe festgestellt, dass die Positionierung auf dem Mobiltelefon zum ersten Mal über den Browser erfolgt. Es erscheint eine Aufforderung mit der Meldung „Möchten Sie die Positionierungsfunktion aktivieren?“ Als der Chef diese Aufforderung sah, war er der Meinung, dass sie nicht gut für die Benutzererfahrung ist. Wenn sie nicht gut ist, kann ich sie auf andere Weise implementieren . Das ist keine große Sache. Der Gesichtsausdruck des Chefs veränderte sich drastisch und er sagte: Nein. Sie sollten diese Erfahrung machen. Machen wir das nicht alles, um Zeit zu sparen, damit wir so schnell wie möglich neue Funktionen veröffentlichen können?

1. WEB-Positionierungsmethode für Mobiltelefone:

Code kopieren Der Code lautet wie folgt:

var getLocation = function (successFunc, errorFunc) { //successFunc ruft die Rückruffunktion für den Positionierungserfolg ab, errorFunc ruft den Rückruf für den Positionierungsfehler ab

//Legen Sie zuerst die Standardstadt fest

var defCity = {

         ID: '000001',

         Name: „Stadt Peking“,

Datum: curDateTime()//Methode zum Abrufen der aktuellen Zeit

};

//Standardstadt

$.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(defCity), { Expires: 1, Path: '/' });

Wenn (navigator.geolocation) {

         navigator.geolocation.getCurrentPosition(function (position) {

            var lat = position.coords.latitude;

            var lon = position.coords.longitude;

//var map = new BMap.Map("container"); //Map-Instanz erstellen

              var point = new BMap.Point(lon, lat); // Punktkoordinaten erstellen

            var gc = new BMap.Geocoder();

gc.getLocation(point, function (rs) {

              var addComp = rs.addressComponents;

              var curCity = {

                    id: '',

Name: addComp.province,

Datum: curDateTime()

                };

//Aktuelle Standortstadt

                    $.cookie('VPIAO_MOBILE_CURRENTCITY', JSON.stringify(curCity), { expires: 7, path: '/' });

//alert(addComp.province ", " addComp.city ", " addComp.district ", " addComp.street);

If (successFunc != undefiniert)

                       successFunc(addComp);

            });

},

Funktion (Fehler) {

                Schalter (error.code) {

               Fall 1:

Alert("Ortungsdienst verweigert.");

Pause;

                Fall 2:

warning("Die Standortinformationen können vorübergehend nicht abgerufen werden.");

Pause;

                Fall 3:

Alert("Zeitüberschreitung beim Abrufen von Standortinformationen.");

Pause;

                                                                                                                                                                                                                                                   Standard:

alarm("Unbekannter Fehler.");

Pause;
            }

          var curCity = {

                  ID: '000001',

                  Name: „Beijing“,

Datum: curDateTime()

            };

//Standardstadt

                $.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(curCity), { expires: 1, path: '/' });

                  if (errorFunc != undefiniert)

               errorFunc(error);

}, { timeout: 5000, enableHighAccuracy: true });

} sonst {

warning("Ihr Browser unterstützt das Abrufen geografischer Standortinformationen nicht.");

If (errorFunc != undefiniert)

​​​​​​ errorFunc("Ihr Browser unterstützt das Abrufen geografischer Standortinformationen nicht.");

}

};

var showPosition = Funktion (Position) {

var lat = position.coords.latitude;

var lon = position.coords.longitude;

//var map = new BMap.Map("container"); // Karteninstanz erstellen

var point = new BMap.Point(lon, lat); // Punktkoordinaten erstellen

var gc = new BMap.Geocoder();

gc.getLocation(point, function (rs) {

        var addComp = rs.addressComponents;

      var curCity = {

             id: '',

               Name: addComp.province,

Datum: curDateTime()

        };

//Aktuelle Standortstadt

            $.cookie('VPIAO_MOBILE_CURRENTCITY', JSON.stringify(curCity), { expires: 7, path: '/' });

​​​​ //alert(addComp.province", " addComp.city ", " addComp.district ", " addComp.street);

});

};

var showPositionError = Funktion (Fehler) {

Schalter (error.code) {

Fall 1:

Alert("Ortungsdienst verweigert.");

             Pause;

Fall 2:

warning("Die Standortinformationen können vorübergehend nicht abgerufen werden.");

             Pause;

Fall 3:

Alert("Zeitüberschreitung beim Abrufen von Standortinformationen.");

             Pause;

           Standard:

alarm("Unbekannter Fehler.");

             Pause;

}

var curCity = {

         ID: '000001',

         Name: „Stadt Peking“,

Datum: curDateTime()

};

//Standardstadt

$.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(curCity), { Expires: 1, Path: '/' });

};

Voraussetzung ist die Einführung der Baidu-API:

Außerdem: Es gibt auch entsprechende Schnittstellen von Google, Sohu usw. Sie können es selbst ausprobieren.

Das ist alles für heute. Es gibt noch viel zu tun. Wenn Sie Zeit haben, können Sie auch andere Schnittstellen ausprobieren. Jeder ist willkommen, vorbeizukommen und bessere Methoden anzubieten.