일단 구글맵 사이트(http://maps.google.co.kr/)에 접속을 합니다.

그리고 사이트맵에서 회사주소 또는 알리고 싶은 주소를 검색합니다. 검색이 되면 왼쪽 상단에 위치한 ‘링크탭’을 클릭합니다.(저는 저희 집 주소를 넣었습니다.)

구글약도


 

그림에서 보이는 것과 같이  우측하단의 ‘삽입할 지도 맞춤설정 및 미리보기’ 를 클릭!!

구글맵02

그럼 위와 같이 새창이 뜹니다. 거기서 지도 크기를  설정하시고, 밑에 html 코드를 복사해 삽입할 페이지나 포스트에서 html 에디터로 들어가 삽입하시면 됩니다.(저는 이 포스트에 넣겠습니다.)


크게 보기

삽입되신거 보이시죠… 참 쉽습니다. 이상 잔머리였습니다. ^^;

Posted by 잔머리

플러그인 쓰지 않고 다음지도 삽입하기

워드프레스 플러그인을 설치 하지 않고 다음 지도를 삽입하는 방법입니다.
반응형 웹으로 작업하신분들은 반응형에 맞는 플러그인을 설치하셔서 사용하시기 바랍니다.

<div align="center"><iframe src="http://dna.daum.net/examples/maps/MissA/map_view.php?width=600&amp;height=400&amp;latitude=37.65022578&amp;longitude=127.0316991&amp;contents=상호명을 넣습니다._전화번호를 넣습니다.&amp;oq&amp;zoom=3" height="400" width="600" frameborder="0" scrolling="no"></iframe></div>

위에 보시면

latitude=37.65022578&amp;longitude=127.0316991 이부분이 좌표입니다. 이부분은 네이버 지도에 가셔서 검색을 하시고 검색을 하시면 지도공유라는 게 있습니다.
거기서 url을 복사합니다.


http://map.naver.com/?dlevel=12&lat=37.6502257&lng=127.0316991&searchCoord=127.0176579%3B37.6302776&query=7IyN66y4M%2BuPmSAxMzgtMTQ2&menu=location&tab=1&mapMode=0&enc=b64

복사한 내용입니다. 위에 좌표를 보면 비슷한게 있지요? 거기를 복사해서 수정하시면 됩니다.

앞에있는 width=600&amp;height=400는 다음뷰를 보여줄 지도의 크기이고요 zoom=3″ height=”400″ width=”600″ 부분은 지도의 줌상태, 아이프레임의 크기입니다.

지도 넣으시는거 어렵지 않으시죠. 워드프레스  플러그인 없이 지도 넣는 방법이였습니다

이상 잔머리였습니다. . 

Posted by 잔머리
이전버튼 1 이전버튼

블로그 이미지
잔머리를 굴려... 큰머리로.. 작은게 모여 큰것을 이루듯.. 우리의 작은 지식이 모여 큰 지식이 되기르_)*(_
잔머리

태그목록

공지사항

Yesterday
Today
Total

달력

 « |  » 2024.11
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

최근에 올라온 글

최근에 달린 댓글

최근에 받은 트랙백

글 보관함