웹 프론트엔드 JS 튜토리얼 현재 지리적 위치를 얻기 위한 JS 메소드 인스턴스

현재 지리적 위치를 얻기 위한 JS 메소드 인스턴스

Jan 22, 2018 am 09:24 AM
javascript 지리적 위치

이 글은 주로 JS를 통해 현재 지리적 위치를 얻는 방법을 자세히 소개합니다. 관심 있는 친구들이 참고할 수 있기를 바랍니다.

이 기사의 예는 참조용으로 현재 지리적 위치를 얻는 JS 방법의 특정 코드를 공유합니다. 구체적인 내용은 다음과 같습니다


var getLocation = function (successFunc, errorFunc) { 
  //successFunc获取定位成功回调函数,errorFunc获取定位失败回调
  //首先设置默认城市
  var defCity = {
    id: '000001',
    name: '北京市',
    date: curDateTime()//获取当前时间方法
  };
  //默认城市
  $.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(defCity), { expires: 1, path: '/' });
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(function (position) {
      var lat = position.coords.latitude;
      var lon = position.coords.longitude;
      //var map = new BMap.Map("container");  // 创建Map实例
      var point = new BMap.Point(lon, lat); // 创建点坐标
      var gc = new BMap.Geocoder();
      gc.getLocation(point, function (rs) {
        var addComp = rs.addressComponents;
        var curCity = {
          id: '',
          name: addComp.province,
          date: curDateTime()
        };
        //当前定位城市
        $.cookie('VPIAO_MOBILE_CURRENTCITY', JSON.stringify(curCity), { expires: 7, path: '/' });
        //alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street);
        if (successFunc != undefined)
          successFunc(addComp);
      });
    },
    function (error) {
      switch (error.code) {
        case 1:
          alert("位置服务被拒绝。");
          break;
        case 2:
          alert("暂时获取不到位置信息。");
          break;
        case 3:
          alert("获取位置信息超时。");
          break;
        default:
          alert("未知错误。");
          break;
      }
      var curCity = {
        id: '000001',
        name: '北京市',
        date: curDateTime()
      };
      //默认城市
      $.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(curCity), { expires: 1, path: '/' });
      if (errorFunc != undefined)
        errorFunc(error);
    }, { timeout: 5000, enableHighAccuracy: true });
  } else {
    alert("你的浏览器不支持获取地理位置信息。");
    if (errorFunc != undefined)
      errorFunc("你的浏览器不支持获取地理位置信息。");
  }
};
var showPosition = function (position) {
  var lat = position.coords.latitude;
  var lon = position.coords.longitude;
  //var map = new BMap.Map("container");  // 创建Map实例
  var point = new BMap.Point(lon, lat); // 创建点坐标
  var gc = new BMap.Geocoder();
  gc.getLocation(point, function (rs) {
    var addComp = rs.addressComponents;
    var curCity = {
      id: '',
      name: addComp.province,
      date: curDateTime()
    };
    //当前定位城市
    $.cookie('VPIAO_MOBILE_CURRENTCITY', JSON.stringify(curCity), { expires: 7, path: '/' });
    //alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street);
  });
};
var showPositionError = function (error) {
  switch (error.code) {
    case 1:
      alert("位置服务被拒绝。");
      break;
    case 2:
      alert("暂时获取不到位置信息。");
      break;
    case 3:
      alert("获取位置信息超时。");
      break;
    default:
      alert("未知错误。");
      break;
  }
  var curCity = {
    id: '000001',
    name: '北京市',
    date: curDateTime()
  };
  //默认城市
  $.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(curCity), { expires: 1, path: '/' });
};
로그인 후 복사

Baidu API를 소개하는 것입니다:
< script src="http://api.map.baidu.com/api?v=1.4" type="text/javascript">


2. 클라이언트 IP 방법 가져오기

<script>
var url = &#39;http://chaxun.1616.net/s.php?type=ip&output=json&callback=?&_=&#39; + Math.random();
      $.getJSON(url, function(data) {
        alert(data.Ip);
      });
</script>
로그인 후 복사

관련 권장 사항:

WeChat을 통해 현재 지리적 위치를 가져오고 세션에 저장하는 방법

지리적 위치 및 링크를 수신하기 위한 WeChat 개발 인터페이스 및 매개 변수

js를 IP 기반으로 PC 측에 구현 현재 도시 위치 찾기

위 내용은 현재 지리적 위치를 얻기 위한 JS 메소드 인스턴스의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

Douyin IP 위치를 수정하는 방법 Douyin IP 위치를 수정하는 방법 May 04, 2024 pm 04:36 PM

예, 다음과 같이 Douyin IP 위치를 수정할 수 있습니다. Douyin을 열고 프로필을 편집하세요. 도시 정보를 수정하고 표시하려는 도시 또는 지역을 선택하세요. 변경 사항을 적용하려면 로그아웃했다가 다시 로그인하세요.

Amap에는 휴대폰 등록이 필요합니까? Amap에는 휴대폰 등록이 필요합니까? May 05, 2024 pm 05:12 PM

예, 보안, 개인화 서비스 및 계정 관리를 위해 Amap에는 휴대폰 번호 등록이 필요합니다. 등록 단계는 다음과 같습니다: Amap 앱을 열고 "내" 및 "로그인/등록"을 클릭하고 등록할 휴대폰 번호를 선택하고 인증 코드를 받기 위해 휴대폰 번호를 입력하고 등록을 완료하기 위해 비밀번호를 설정합니다.

웨이보에 사진과 동영상을 게시하는 방법 웨이보에 사진과 동영상을 게시하는 방법 May 03, 2024 am 01:15 AM

사진과 동영상을 웨이보에 동시에 게시하는 방법은 다음과 같습니다. 관련되거나 보완적인 사진과 동영상을 선택하세요. Weibo 클라이언트를 열고 게시 버튼을 클릭하세요. "사진 및 비디오" 탭을 선택하세요. 사진 및 동영상을 추가하세요(최대 9개의 사진과 1개의 동영상). 텍스트를 입력하고 관련 정보를 추가하세요. 그냥 출판하세요.

Douyin 추천을 재설정하는 방법은 무엇입니까? 추천을 추천으로 변경하는 방법은 무엇입니까? Douyin 추천을 재설정하는 방법은 무엇입니까? 추천을 추천으로 변경하는 방법은 무엇입니까? May 08, 2024 pm 03:52 PM

짧은 동영상에 초점을 맞춘 소셜 플랫폼인 Douyin의 추천 알고리즘은 핵심 기능 중 하나입니다. 사용자의 관심분야와 행동을 기반으로 관련 동영상 콘텐츠를 추천할 수 있습니다. 때때로 사용자는 자신의 선호도에 더 부합하는 콘텐츠를 얻기 위해 추천 알고리즘을 재설정하기를 원할 수 있습니다. 그렇다면 Douyin 추천을 재설정하는 방법은 무엇입니까? Douyin 추천을 추천으로 변경하는 방법은 무엇입니까? 이 기사에서는 두 가지 질문에 대한 답변을 모두 제공합니다. 1. Douyin 추천을 재설정하는 방법은 무엇입니까? 1. Douyin 앱을 열고 개인 홈페이지에 들어갑니다. 2. 오른쪽 상단에 있는 "설정" 아이콘을 클릭하여 설정 페이지로 들어갑니다. 3. 설정 페이지에서 '권장 관리' 옵션을 찾아 클릭해 들어갑니다. 4. 추천 관리 페이지에서는 귀하의 관심 태그와 관심 선호도를 확인할 수 있습니다. 다른 항목을 선택하거나 선택 취소할 수 있습니다.

TikTok에서 추천 설정을 변경하는 방법 TikTok에서 추천 설정을 변경하는 방법 May 04, 2024 am 12:06 AM

Douyin 추천은 추천 동영상 유형 조정, 관심 있는 제작자 팔로우, 싫어하는 콘텐츠 차단, 동영상 언어 설정, 지리적 위치 제한, 인기 주제 팔로우, 검색/탐색 기록 삭제 등을 포함한 "콘텐츠 기본 설정" 설정을 변경하여 변경할 수 있습니다.

TikTok에서 위치 권한을 수정하는 방법 TikTok에서 위치 권한을 수정하는 방법 May 03, 2024 pm 11:24 PM

Douyin 위치 권한을 수정하는 단계: 1. Douyin 앱을 열고 "나"를 클릭하세요. 2. 오른쪽 상단에 있는 "가로 막대 3개 아이콘"을 클릭하세요. 3. 설정을 선택합니다. 4. "개인정보 설정"을 찾아 클릭하세요. 5. "위치 서비스"를 클릭하세요. 6. 적절하게 타겟팅 허용 또는 사용할 때만 묻기를 선택합니다. 7. 수정 후 Douyin 애플리케이션을 다시 시작해야 적용됩니다.

TikTok 시간대 설정을 변경하는 방법 TikTok 시간대 설정을 변경하는 방법 May 04, 2024 am 01:57 AM

Douyin 시간대 설정은 변경할 수 없으며, 시간대는 현재 지리적 위치를 기준으로 자동으로 설정됩니다.

Douyin의 IP 주소는 어떻게 표시되나요? IP 주소는 실시간 위치를 표시합니까? Douyin의 IP 주소는 어떻게 표시되나요? IP 주소는 실시간 위치를 표시합니까? May 02, 2024 pm 01:34 PM

사용자는 Douyin에서 다양하고 흥미로운 짧은 동영상을 볼 수 있을 뿐만 아니라 자신의 작품을 게시하고 전국은 물론 전 세계 네티즌과 교류할 수도 있습니다. 그 과정에서 Douyin의 IP 주소 표시 기능이 널리 주목을 받았습니다. 1. Douyin의 IP 주소는 어떻게 표시되나요? Douyin의 IP 주소 표시 기능은 주로 지리적 위치 서비스를 통해 구현됩니다. 사용자가 Douyin에 동영상을 게시하거나 시청하면 Douyin은 자동으로 사용자의 지리적 위치 정보를 얻습니다. 이 프로세스는 주로 다음 단계로 나뉩니다. 먼저 사용자가 Douyin 애플리케이션을 활성화하고 애플리케이션이 지리적 위치 정보에 액세스하도록 허용합니다. 두 번째로 Douyin은 위치 서비스를 사용하여 사용자의 지리적 위치 정보를 얻습니다. 위치 정보 지리적 위치 정보는 그들이 게시하거나 시청한 비디오 데이터와 연관되어 있으며,

See all articles