)
안녕하세요. @u robotics입니다.
아침의 개발공부를 절다가
피곤해서 누워자다가
바깥에 나갔다가 왔습니다.
나가 놀면서 기획 2개만 정리했을 뿐인데...
시간이 벌써. ㅇ_ㅇ 크흙.
암튼 뭐라도 하나 해보고 가야겠다고 생각하다가
클릭을 잘못해서 지도를 켰습니다.
오 이거 괜찮다 싶어서 따라해봤는데 되네요.
간단하게 구글 지도를 활용하는 법을 해보죠.
https://www.w3schools.com/graphics/google_maps_intro.asp
소스는 이 사이트에 있습니다.
<!DOCTYPE html>
<html>
<body>
<h1>My First Google Map</h1>
<div id="googleMap" style="width:100%;height:400px;"></div>
<script>
function myMap() {
var mapProp= {
center:new google.maps.LatLng(51.508742,-0.120850),
zoom:5,
};
var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&callback=myMap"></script>
</body>
</html>
이 소스를 그대로 복사 붙여넣기 하시고,
key = YOUR_KEY
이 부분에서 YOUR_KEY 에 다가
여러분이 받으신 API_KEY를 넣어주시면 됩니다.
웹> Maps JavaScript API
https://developers.google.com/maps/documentation/javascript/?hl=ko
링크 사이트로 가셔서요.
오른쪽 위에 보면 키 가져오기라고 있거든요.
그걸 클릭해주시면,
API_KEY가 나옵니다.
그걸 복사해주셔서
방금 만들었던 YOUR_KEY에 다가
복사 붙여넣기 해주시고,
새로고침 해서 실행해주시면
정상적으로 맵이 뜹니다.
근데 이거 하루 최대 25000건 넘으면 무료가 아닌데요.
방문자가 그 정도로 폭발하면
사실 뭐 0.5달러 정도가 문제가 아닐 것 같긴 합니다. ㅎㅎㅎ
(광고만 찍어도.... )
아무튼 가격이 어떻게 되는지는 링크로 알아보세요.
https://developers.google.com/maps/pricing-and-plans/#details
그 다음에 만들어진 API_KEY를 관리해야 합니다.
https://console.developers.google.com/apis/credentials/key
여기 가보시면 키가 어떻게 된지 알 수 있고, 삭제도 할 수 있어요.
웹으로 지도 한 번 만들어봤네요. ㅋㅋㅋ
감사합니다.
아 이 사이트 코딩 교육 혼자 알아본다 하면서 들어와본 기억이 나네요 ㅋ
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
ㅎㅎ 피플러님 저는 요새 맨날 들어갑니다. ㅎㅎㅎ 계속 HTML만 팔 때는 힘들던데 이것저것 뒤져보니깐 재밌네요. ㅎㅎㅎ
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
오~~api 키는 개발자센터가서 가입하구 받아야 하나요?
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
그냥 구글 아이디만 있으면 되는 것 같아요... 거기서 맞는 거 웹> Maps JavaScript API 클릭하면 그냥 줍니다. 단, 과금 되기 직전까지만 잘 사용해야 됨. ㅎㅎㅎㅎ (웬만하면 하루 2만5천 방문은 힘들겠지만요.)
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
하루 2만5천 방문이면...그만큼 수익이 나올듯해요 ㅋㅋㅋ
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
구글 아저씨들 만나서 들어보니깐, 앱 기준으로 100만 방문자 나오면 광고로 하루 100만원 정도를 벌 수 있다고 하는군요. 그렇게 따지면 2만 5천 방문자면 2만 5천원 정도 벌 수가 있는데요. 2만 5천명 당 과금이 0.5달러. 지금 환율로 1070원이니깐. 535원으로 광고만 찍어도 하루 2만 4465원 이익입니다.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
우아...백만은 어떻게 나올런지...궁금하네여 ㅎㅎ 하루 100만원이라니 ㄷㄷ
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
백만은 어떻게 되는지 한 번 해보고 말씀 드릴게요. ㅋㅋㅋ 유저가 많으면 생각보다 금액이 크더라구요.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
앗, 개발자 등록 해야되는 듯해요. 저는 원래 해놨던 게 있어서 된듯함요. 네이버나 다음 들어가도 개발자 로긴하라고 되어 있어요.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
글쿤염! 역시...등록해야 하는군염..ㄷㄷ
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
예. 그냥 되니깐 몰랐는데 전에 무슨 교육 들으면서 등록 해놓은 모양입니다. 지도 사업자 통과하지 않고 하는 법을 알긴 하는데요. 그럴려면 직접 지도를 만들어야 돼요. ㅋㅋㅋ
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
api 키 그게 귀찮아서 예전에 안드로이드 스튜디어로 앱 공부할 때 맵 관련해서 뭘 만들어 볼려다가 포기했던 기억이 나네요.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
codingman 앍 ㅋㅋㅋㅋ 저도 그랬음요. 어제는 졸다가 한 거라서 그냥그냥 했었죠. ㅋㅋㅋㅋㅋㅋ. 생각보다 바로 나와서 당황했습니다. 오늘 네이버로 지도랑 api 쓸려고 해보니깐, 네이버는 api 사용 신청을 해야하고 훨씬 뒤에 답을 해주네요. 쫌 쉽게 되면 좋을텐데. ㅋㅋㅋ
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
오..이거는 구글맵을 사용하는 웹사이트에 넣는 방법인거에요?
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
내 웹 사이트를 만들고, 그 안에 지도 넣는거에요. (구글 지도
사용)
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
ㅋㅋ 하루 2만명이 찾는 싸이트면 엄청난거 아닌가요ㅋ
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
기생폴님 ㅇ_ㅇ;;; 그게 엄청난 거 인가요? ㅎㅎㅎ 모르겠어요. 사이트 만들면 몇 명 오는지를 몰라서요 ㅋㅋㅋ
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
ㅋ4천만인구로치면 2천명중1명이 오니 많은거죠
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
우왕 그렇군요. 전 당연히 웹이니깐 70억분에로 생각해서 별로 많지 않다고 생각했었는데. 음... 생각보다 엄청 크고 소중한 사람들인 것 같아요.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
ㅋㅋ 생각하는 규모가 너무 차이나네요^^;;;;
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
하하. 제가 초딩이라서 그런듯요. ㅋㅋㅋ. 아직 실제 서비스를 출시해본 적이 없어요. 이번이 처음입니다.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
음 좋은 거 맞죠?
ㅎㅎㅎ
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
뀨 님. 으음. 힘든 질문이군요. 좋은 거... 으음... 좋은 거 맞는 거 같습니다. ㅎㅎㅎ
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
스팀잇에도 되나요?? 스팀잇에 되면 좋을텐데.ㅇㅅㅇ;;
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
woolgom 님 스팀잇에도 되냐구요? 어떤 형식을 말씀하시는 건가요? 감이 안 오네요. 스팀잇도 HTML, CSS, Javascript 표준을 사용하는 것 같더라구요. 직접 넣어보지는 않았습니다만, 당연히 지도 사용은 될 것 같아요.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
오호! 그럼 스팀잇에도 지도 등록이 되는거군요.+_+
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
역시 세계 최고 개발자! 대단! ^_^
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
인제 시작입니다. ㅋㅋㅋ 응원 감사염 ㅋㅋ
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
👍👏
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
suun 님 감사감사 ㅎㅎㅎ
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit