realsung

Untitled

Aug 26th, 2021
1,040
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8">
  5.     <title>ㅎㅇ</title>
  6. </head>
  7. <body>
  8. <div id="map" style="width:600px;height:500px;"></div>
  9.  
  10. <script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=d6e87d421a08bb18b34078c01e0a0861&libraries=services"></script>
  11. <script>
  12. var mapContainer = document.getElementById('map'),
  13.     mapOption = {
  14.         center: new kakao.maps.LatLng(33.450701, 126.570667),
  15.         level: 5
  16.     };
  17.  
  18. // 지도를 생성합니다    
  19. var map = new kakao.maps.Map(mapContainer, mapOption);
  20.  
  21. var startSrc = 'https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/red_b.png',
  22.     startSize = new kakao.maps.Size(50, 45),
  23.     startOption = {
  24.         offset: new kakao.maps.Point(15, 43)
  25.     };
  26.  
  27. var startImage = new kakao.maps.MarkerImage(startSrc, startSize, startOption);
  28. var geocoder = new kakao.maps.services.Geocoder();
  29.  
  30. geocoder.addressSearch('서울 성북구 안암로 145', function(result, status) {
  31.     if (status === kakao.maps.services.Status.OK) {
  32.         var coords = new kakao.maps.LatLng(result[0].y, result[0].x);
  33.         var marker = new kakao.maps.Marker({
  34.             map: map,
  35.             position: coords,
  36.             image: startImage,
  37.         });
  38.     }else{
  39.         alert("존재하지 않는 주소입니다.");
  40.     }
  41. });
  42.  
  43. var arriveSrc = 'https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/blue_b.png', // 도착 마커이미지 주소입니다    
  44. arriveSize = new kakao.maps.Size(50, 45), // 도착 마커이미지의 크기입니다
  45. arriveOption = {
  46.     offset: new kakao.maps.Point(15, 43) // 도착 마커이미지에서 마커의 좌표에 일치시킬 좌표를 설정합니다 (기본값은 이미지의 가운데 아래입니다)
  47. };
  48. var arriveImage = new kakao.maps.MarkerImage(arriveSrc, arriveSize, arriveOption);
  49.  
  50. geocoder.addressSearch('서울 성북구 보문로 지하 116', function(result, status) {
  51.     if (status === kakao.maps.services.Status.OK) {
  52.         var coords = new kakao.maps.LatLng(result[0].y, result[0].x);
  53.         var marker = new kakao.maps.Marker({
  54.             map: map,
  55.             position: coords,
  56.             image: arriveImage,
  57.         });
  58.     }else{
  59.         alert("존재하지 않는 주소입니다.");
  60.     }
  61. });
  62.  
  63. var riderSrc = 'https://image.msscdn.net/special/slowacid3/item3-1.png',
  64. riderSize = new kakao.maps.Size(50, 45),
  65. riderOption = {
  66.     offset: new kakao.maps.Point(15, 43)
  67. };
  68.  
  69. var riderImage = new kakao.maps.MarkerImage(riderSrc, riderSize, riderOption);
  70.  
  71. if (navigator.geolocation) {
  72.     navigator.geolocation.getCurrentPosition(function(position) {
  73.         var lat = position.coords.latitude, // 위도
  74.             lon = position.coords.longitude; // 경도
  75.         var locPosition = new kakao.maps.LatLng(lat, lon)
  76.         var marker = new kakao.maps.Marker({  
  77.             map: map,
  78.             position: locPosition,
  79.             image: riderImage,
  80.             //image: arriveImage,
  81.         });
  82.         map.setCenter(locPosition);
  83.       });
  84.    
  85. }else {
  86.     var locPosition = new kakao.maps.LatLng(33.450701, 126.570667),    
  87.         message = '위치 권한을 주세요!'
  88.         var infowindow = new kakao.maps.InfoWindow({
  89.             content : message,
  90.             removable : true
  91.         });
  92.  
  93.         infowindow.open(map,marker);
  94.         map.setCent(locPosition);
  95. }
  96.  
  97. </script>
  98. </body>
  99. </html>
  100.  
  101. <!--
  102. {% if list %}
  103. <br> 현재 상태 : {{list}} <br><br>
  104. {% endif %}
  105. <button onclick="location.href='/rider'">기사님</button>
  106. <button onclick="location.href='/user'">일반 소비자</button>
  107. <button onclick="location.href='/store'">가게 운영자</button>
  108. {% if list %}
  109. <button onclick="location.href='/Logout'">로그아웃</button>
  110. {% endif %}
  111. {% if messages %}
  112.    {% for message in messages %}
  113. <script>alert("{{ message }}");</script>
  114.    {% endfor %}
  115. {% endif %}
  116. -->
  117.  
RAW Paste Data