Heim  >  Artikel  >  Web-Frontend  >  Verwenden Sie JS, um die Fähigkeiten der Methode summary_javascript für den aktuellen geografischen Standort zu erhalten

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

WBOY
WBOYOriginal
2016-05-16 16:25:591188Durchsuche

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:

Verwenden der Sina-Schnittstelle: http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js

Testmethode für mehrere Regionen: http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js&ip=127.0.0.1

Code kopieren Der Code lautet wie folgt:


NetEase Youdao IP-Adressschnittstelle (dies muss getestet werden)

 http://www.youdao.com/smartresult-xml/search.s?type=ip&q=IPAdresse

Taobao-Anfrageschnittstelle (GET)

Code kopieren Der Code lautet wie folgt:

<script><br> var ip = "124.127.108.133";<br>               var url = "<a href="http://ip.taobao.com/service/getIpInfo.php?ip">http://ip.taobao.com/service/getIpInfo.php?ip</a>=" ip;<br>                 $.getJSON(url, function (json) {<br>                 var myprovince2 = json.data.area;<br>               var mycity2 = json.data.region;<br> Alert("Ihre Stadt ist:" myprovince2 mycity2);<br>             });<br> </script>

Pacific IP-Adressdatenbank-API-Schnittstelle

 http://whois.pconline.com.cn/?ip=[ipaddress string]

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

Sohu IP-Adressabfrageschnittstelle (Standard-GBK): http://pv.sohu.com/cityjson

Sohu IP-Adressabfrageschnittstelle (Verschlüsselung kann eingestellt werden): http://pv.sohu.com/cityjson?ie=utf-8

Sohus andere IP-Adressabfrageschnittstelle: http://txt.go.sohu.com/ip/soip

 3. Client-IP-Methode abrufen

Code kopieren Der Code lautet wie folgt:

<script><br> var url = 'http://chaxun.1616.net/s.php?type=ip&output=json&callback=?&_=' Math.random();<br>                 $.getJSON(url, function(data) {<br> alarm(data.Ip);<br>             });<br> </script>
 

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.

Stellungnahme:
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
Vorheriger Artikel:Javascript implementiert Fähigkeiten zur Bearbeitung von Knotennamen (Div).Nächster Artikel:Javascript implementiert Fähigkeiten zur Bearbeitung von Knotennamen (Div).

In Verbindung stehende Artikel

Mehr sehen