-
Javascript, jQuery 2017‧10‧16
JS-현재 위치(지오로케이션) 구글맵 api 에 표시
html5의 지오로케이션(geolocation)을 이용해서 위치를 가져온 후 구글맵에 넣는 코드 html에 아래 엘리먼트를 추가해 준다. <div id="map-canvas"></div> 자바스크립트 부분에 아래 코드를 넣어준다. window.onload = getLocation; function getLocation(){ if(navigator.geolocation){ navigator.geolocation.getCurrentPosition(locationSuccess, locationError, geo_options); }else{ console.log("지오 로케이션 없음") } }; // getLocation var latitude, longitude; function locationSuccess(p){ latitude = p.coords.latitude, longitude = p.coords.longitude; initialize(); } // locationSuccess function […]
-
Tools 2016‧10‧11
구글 통계 - 캠페인 url 만들기
구글 애널리틱스에 캠페인과 관련된 링크를 만들어 사용하게 되면 접속하는 경로의 파라미터들을 통해 어디서 접속해서 어떤 캠페인을 통해 어떤 것을 클릭했는지 등과 같은 좀 더 자세한 추적을 알아낼 수 있다. https://ga-dev-tools.appspot.com/campaign-url-builder/
-
Javascript, jQuery 2015‧10‧08
구글 맵 - 일정 범위 다중 마커 합산한 Cluster(클러스터) 기능
구글 맵을 이용해서 마커를 찍을 경우가 있는데 이게 여러 개의 마커를 사용할 때가 있습니다. 그런데 여러개의 마커를 사용하게 되면 지도를 zoomout 을 많이 했을 때 엄청나게 많은 마커들이 집중되서 지저분해 보이게 됩니다. 그래서 만들어진 것이 cluster 입니다. 이 것은 여러개의 마커들이 어느 정도 범위안에 속하면 마커를 합치고 합친 갯수를 보여주게 됩니다. 이런 식으로 합쳐 나오게 […]
-
2013, 2013-2014 2013‧03‧19
Google Webmaster Conference 2013
구글과 함께 진행하는 웹마스터 2013 컨퍼런스의 등록 사이트를 제작하였다.큰 내용이 필요한 사이트가 아니었기에 단독 작업이 가능하였고 사이트 제작과 더불어 패키지 디자인도 역시 같이 진행하였다.배너, 현수막, 명찰, 프로그램북 커버, EDM 디자인을 함께 처리하였다. <전체 스크린샷>
-
Html, CSS 2012‧07‧04
구글 웹폰트 사용하기
http://www.google.com/webfonts 구글 웹폰트... 몇개 없을 줄 알았는데...500개가 넘는 폰트들을 웹 api를 통해 제공한다. 사용법은 클릭 한번으로 끝난다. 마음에 드는 폰트의 오른쪽을 보면 Quick-use 버튼이 있다. 클릭하면 다음 페이지로 넘어가서 아래와 같이 한줄을 부여해주고 이걸 헤더에 넣어주면 끝난다. <link href='http://fonts.googleapis.com/css?family=Gentium+Basic' rel='stylesheet' type='text/css'> 그런후 사용하고 싶은 폰트 클래스에 font-family: 'Gentium Basic', serif; 이렇게 넣어주면 된다. 이 모든 […]