일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- #동영상
- 해피씨지아이
- 쇼핑몰
- happycgi
- #홈페이지
- #쇼핑몰
- 웹솔루션
- CSS
- #웹솔루션
- #홈페이지제작
- 사이트제작
- #뉴스
- CGIMALL
- #이미지
- #솔루션
- #jQuery
- 해피CGI
- #cgimall
- #해피CGI
- #image
- 솔루션
- 홈페이지
- jquery
- #CSS
- javascript
- php
- #happycgi
- #업종별
- 홈페이지제작
- 게시판
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] 지도를 이용한 위치정보(위도,경도) 선택기 본문
다운로드 받은 파일의 압축을 해제한 후,
웹서버에 업로드한뒤에
웹브라우저로 해당 페이지에 접속해보면
아래 그림과 같은 화면이 열리는게 확인이 됩니다.
examples/simple.html 이란 링크를 클릭해보면
지도를 이용해서 위치정보를 알아낸 뒤에 위치정보를
활용하는 몇가지 예시를 확인해볼수 있습니다.
입력박스를 클릭해보면 지도가 표시되고,
마우스를 이용해서 지도를 움직인 후에,
원하는 위치를 클릭을 해보면
클릭된 위치의 위치정보(위도,경도) 를 입력박스에 입력을 해주거나,
웹페이지에 표시하는 몇가지 예제들을 확인해볼수 있습니다.
예제와, 해당 예제를 이용하기 위해서 작성된 소스코드의 확인이 가능합니다.
웹사이트에서
접속자들로부터 필요한 위치(위도,경도)에 대한 정보를 입력받거나,
정보를 제공하기 위해서는 사용을 해볼 만 합니다.
'웹프로그램밍 자료실 > 기타 자료' 카테고리의 다른 글
[해피CGI][cgimall] jQuery plugin for animate border Nicebord (0) | 2021.08.03 |
---|---|
[해피CGI][cgimall] SVG를 이용한 아이콘 버튼 효과 (0) | 2021.07.27 |
[해피CGI][cgimall] Neumorphic Elements 뉴모피즘 디자인의 여러 요소들 (0) | 2021.07.22 |
[해피CGI][cgimall] Gallery / Smooth Scroll / Responsive 부드럽게 넘어가는 반응형 갤러리 (0) | 2021.07.21 |
[해피CGI][cgimall] 무료 SVG 아이콘 - Tabler Icons (0) | 2021.07.20 |
Comments