'a tag 새창'에 해당되는 글 1건
- 2014.08.13 구글 지도 API
구글 지도 API
2014. 8. 13. 17:33 Html/CSS/Javascript
단순히 주소에 해당하는 곳에 마커 하나 달려있는 지도를 쓰고 싶었다-
다음 API를 쓰려고 하였으나,
주소로 좌표를 가져오는 일이 쉬운 일은 아닌 듯 하다-
그러던 와중 구글신의 축복을 받았다-
단 한 줄이면 끝이다-
1 2 3 | <a href="http://maps.google.com/maps?q=${주소}" target="_blank"> <img style="width:90%" src="http://maps.googleapis.com/maps/api/staticmap?center=${주소}&zoom=15&size=400x250&maptype=roadmap&markers=color:red|${주소}&sensor=false"> </a> |
<a>태그 까지 사용하면 클릭했을 때, 전체 페이지 지도가 뜬다-
깨알 팁으로 target="_blank"를 사용하면 새 창으로 뜬다-
'Html/CSS/Javascript' 카테고리의 다른 글
| Javascript, Excel Export (0) | 2015.05.04 |
|---|---|
| Ajax beforeSend, 로딩 시 화면 (0) | 2014.08.22 |
| PPT, PDF preview, gdocsViewer (0) | 2014.08.10 |
| WYSIWYG 에디터, summernote (0) | 2014.08.10 |
