스타퓨리

[ PHP ] Geoip , 지도에서 아이피위치 불러오기

· 2018-07-05 (목) 08:40:06 · 6664 · 1

구글지도에서 아이피 위치를 표시해줍니다.

 

<div id="map"></div>
   <script>
      function initMap() {
        var map = new google.maps.Map(document.getElementById('map'), {
          center: {lat: -34.397, lng: 150.644},
          zoom: 15
        });
        var infoWindow = new google.maps.InfoWindow({map: map});

        // Try HTML5 geolocation.
        if (navigator.geolocation) {
          navigator.geolocation.getCurrentPosition(function(position) {
            var pos = {
              lat: position.coords.latitude,
              lng: position.coords.longitude
            };

            infoWindow.setPosition(pos);
            infoWindow.setContent('현 위치');
            map.setCenter(pos);
          }, function() {
            handleLocationError(true, infoWindow, map.getCenter());
          });
        } else {
          // Browser doesn't support Geolocation
          handleLocationError(false, infoWindow, map.getCenter());
        }
      }

      function handleLocationError(browserHasGeolocation, infoWindow, pos) {
        infoWindow.setPosition(pos);
        infoWindow.setContent(browserHasGeolocation ?
                              'Error: 서비스에 에러가 발생했습니다. 브라우저의 위치권한을 허용해주세요.' :
                              'Error: 브라우저 호환성이 떨어집니다. 크롬으로 바꾸는건 어떤가요?');
      }
    </script>
    <script async defer
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBfIM2TFBCJ-sf6MFz-eobXsWk2NU1ec70&callback=initMap">
    </script>
    

 

위치추적도 만들수 있을거같아요 네비게이션..??

|

댓글 1개

API키 공개되어있습니다...!!
댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 팁자료실

2,788건
+
제목 글쓴이 날짜 조회
18-07-05 조회 6,665
18-07-04 조회 7,061
18-07-03 조회 7,494
18-07-01 조회 7,121
18-07-01 조회 8,982
18-06-29 조회 6,952
18-06-28 조회 6,941
18-06-27 조회 7,314
18-06-25 조회 1.6만
18-06-14 조회 1.1만
18-06-13 조회 8,632
18-06-12 조회 8,447
18-06-11 조회 1.1만
18-06-07 조회 5,970
18-06-07 조회 9,968
18-06-06 조회 8,716
18-06-05 조회 6,596
18-06-04 조회 7,730
18-05-30 조회 6,589
18-05-30 조회 6,472
18-05-29 조회 6,655
18-05-28 조회 5,496
18-05-24 조회 6,275
18-05-24 조회 8,291
18-05-24 조회 7,835
18-05-23 조회 6,714
18-05-20 조회 6,202
18-05-18 조회 9,320
18-05-17 조회 6,191
18-05-17 조회 1.3만