Heim Web-Frontend js-Tutorial 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

May 16, 2016 pm 04:25 PM
js 地理位置

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.

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
Zwei -Punkte -Museum: Alle Exponate und wo man sie finden kann
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So ändern Sie den IP-Standort von Douyin So ändern Sie den IP-Standort von Douyin May 04, 2024 pm 04:36 PM

Ja, Sie können den IP-Standort von Douyin wie folgt ändern: Öffnen Sie Douyin und bearbeiten Sie Ihr Profil. Ändern Sie die Stadtinformationen und wählen Sie die Stadt oder Region aus, die Sie anzeigen möchten. Melden Sie sich ab und wieder an, damit die Änderungen wirksam werden.

Ist für Amap eine Mobiltelefonregistrierung erforderlich? Ist für Amap eine Mobiltelefonregistrierung erforderlich? May 05, 2024 pm 05:12 PM

Ja, aus Sicherheitsgründen, personalisierten Diensten und der Kontoverwaltung erfordert Amap eine Registrierung mit einer Mobiltelefonnummer. Die Registrierungsschritte umfassen: Öffnen Sie die Amap-App, klicken Sie auf „Mein“ und „Anmelden/Registrieren“, wählen Sie eine Mobiltelefonnummer zur Registrierung aus, geben Sie die Mobiltelefonnummer ein, um den Bestätigungscode zu erhalten, und legen Sie ein Passwort fest, um die Registrierung abzuschließen.

So posten Sie Bilder und Videos auf Weibo So posten Sie Bilder und Videos auf Weibo May 03, 2024 am 01:15 AM

Die Schritte zum gleichzeitigen Posten von Bildern und Videos auf Weibo sind wie folgt: Wählen Sie verwandte oder ergänzende Bilder und Videos aus. Öffnen Sie den Weibo-Client und klicken Sie auf die Schaltfläche „Veröffentlichen“. Wählen Sie die Registerkarte „Bilder & Videos“. Fügen Sie Bilder und Videos hinzu (bis zu 9 Bilder und 1 Video). Geben Sie Text ein und fügen Sie relevante Informationen hinzu. Veröffentlichen Sie es einfach.

Wie kann ich Douyin-Empfehlungen zurücksetzen? Wie ändere ich die Empfehlung in „Empfohlen'? Wie kann ich Douyin-Empfehlungen zurücksetzen? Wie ändere ich die Empfehlung in „Empfohlen'? May 08, 2024 pm 03:52 PM

Als soziale Plattform mit Schwerpunkt auf Kurzvideos ist der Empfehlungsalgorithmus von Douyin eine seiner Kernfunktionen. Es kann relevante Videoinhalte basierend auf den Interessen und Verhaltensweisen der Benutzer empfehlen. Manchmal möchten Benutzer möglicherweise den Empfehlungsalgorithmus zurücksetzen, um Inhalte besser an ihre Vorlieben anzupassen. Wie kann man also die Douyin-Empfehlungen zurücksetzen? Wie ändere ich die Douyin-Empfehlung in „Featured“? Dieser Artikel beantwortet beide Fragen für Sie. 1. Wie kann ich Douyin-Empfehlungen zurücksetzen? 1. Öffnen Sie die Douyin-App und geben Sie Ihre persönliche Homepage ein. 2. Klicken Sie auf das Symbol „Einstellungen“ in der oberen rechten Ecke, um die Einstellungsseite aufzurufen. 3. Suchen Sie auf der Einstellungsseite die Option „Empfohlene Verwaltung“ und klicken Sie zur Eingabe. 4. Auf der Empfehlungsverwaltungsseite können Sie Ihre Interessen-Tags und Interessenpräferenzen sehen. Sie können verschiedene auswählen oder abwählen

So ändern Sie die Empfehlungseinstellungen auf TikTok So ändern Sie die Empfehlungseinstellungen auf TikTok May 04, 2024 am 12:06 AM

Douyin-Empfehlungen können durch Ändern der „Inhaltseinstellungen“ geändert werden, einschließlich der Anpassung empfohlener Videotypen, der Verfolgung interessierter Ersteller, der Blockierung unbeliebter Inhalte, der Festlegung der Videosprache, geografischer Standortbeschränkungen, der Verfolgung aktueller Themen und der Löschung des Such-/Browserverlaufs.

So ändern Sie Standortberechtigungen auf TikTok So ändern Sie Standortberechtigungen auf TikTok May 03, 2024 pm 11:24 PM

Schritte zum Ändern der Douyin-Standortberechtigungen: 1. Öffnen Sie die Douyin-App und klicken Sie auf „Ich“. 2. Klicken Sie oben rechts auf das „Symbol mit den drei horizontalen Balken“. 3. Wählen Sie Einstellungen. 4. Suchen Sie nach „Datenschutzeinstellungen“ und klicken Sie darauf. 5. Klicken Sie auf „Ortungsdienste“. 6. Wählen Sie je nach Bedarf „Targeting zulassen“ oder „Nur bei Verwendung fragen“. 7. Nach der Änderung müssen Sie die Douyin-Anwendung neu starten, damit sie wirksam wird.

So ändern Sie die Zeitzoneneinstellungen von TikTok So ändern Sie die Zeitzoneneinstellungen von TikTok May 04, 2024 am 01:57 AM

Die Zeitzoneneinstellungen von Douyin können nicht geändert werden. Die Zeitzone wird automatisch basierend auf dem aktuellen geografischen Standort eingestellt.

Einführung zum Deaktivieren von Fotowasserzeichen auf Honor-Telefonen Einführung zum Deaktivieren von Fotowasserzeichen auf Honor-Telefonen May 08, 2024 pm 01:20 PM

1. Zuerst öffnen wir die Kamera und klicken auf das Einstellungssymbol in der oberen rechten Ecke. 2. Schalten Sie die Geolokalisierungs- und automatischen Wasserzeichenschalter aus.

See all articles