본문 바로가기

DB에 있는 테이블을 이용해서 구글 맵에 마크하기

by 머니해커_개발자 2017. 2. 21.


PC버전 사이트




DB 입력 상태


모바일 웹으로 봤을 때

마크된 곳 클릭시


거의 4시간동안 스크립트를 짠 듯 하다... 진짜 뿌듯하다. 진심으로 눈물 날 것 같음ㅜㅠㅠ행복해

javascript도 전혀 모르는 상태였는데 오픈 소스나 인터넷에서 잠깐 보니까 익숙한 문법구조라서 문법적으로 어렵지는 않았다.


어려웠던 점, 애먹었던 점은 


1. 모든 변수를 var로 표현한다. 

이는 스크립트에서 자동으로 int나 string를 구분한다고 하는데, 만약에 스트링값을 int값으로 변경할 떈

var integer = "aaaa";

integer =integer*1;

이렇게 하면 자동으로 형변환이 된다고 한다.

또는 parseInt나 parseFloat parseString을 사용하여 형변환을 하는 방법이 있다. 나는 parseFloat을 사용했다.


2. php에서 javascript에 변수를 전달하는 방법

php 에서 javascript에 변수(배열)을 전달해야 하는 상황이였다. 찾아보니까 javascript에서는 php에 변수를 전달할 수 없다고 한다.

먼저, php에서 db에서 가져온 데이터를 가지고 배열을 만든다. 코딩이 이제 보니 너무 형편없다. 고칠까 고민중..


javascript에서는



이렇게 JSON을 이용해서 배열을 전달받고,



String일 경우에 이렇게 다시 가공을 해야된다.



참고 : http://www.mapcoordinates.net/ (구글 맵에서의 좌표 얻는 곳)


seoul2.php

seoul2.txt


댓글

최신글 전체

이미지
제목
글쓴이
등록일