ajax 베이직 게시판 글답변
분류
필수
분류를 선택하세요
분류1
분류2
분류3
이름
필수
비밀번호
필수
이메일
홈페이지
제목
필수
내용
필수
웹에디터 시작
> > > 아래 $address 와 $address_title 에 게시판에서 저장할때 추가필드에 주소를 저장시킨후 그것을 연결하면 게시판에서 실시간으로 주소를 추출해서 보이도록 스킨을 만드는것도 얼마든지 가능합니다. > > php.ini 의 설정값중 allow_url_fopen = On 이어야만 $lat , $lng 가 추출된다는 것이 문제일수 있습니다. > 호스팅사에 그것이 설정을 못변경해준다고 하는 경우에는 무슨 다른 방법이 있을듯한데... > 그것을 아시는분 댓글 부탁드립니다. > > > <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> > <?php > $address = "서울시 구로구 디지털로 242"; > $address_title = "해피정닷컴; > > $xml = simplexml_load_file("http://maps.google.com/maps/api/geocode/xml?address=".urlencode($address)."&language=ko&sensor=false"); > $lat = $xml->result->geometry->location->lat; > $lng = $xml->result->geometry->location->lng; > > // php.ini 설정중 allow_url_fopen = On 확인 / Off 이면 추출안됨 > //echo "lat = ". $lat ."<br>"; > //echo "lng = ". $lng ."<br>"; > ?> > <!-- GoogoleMap Asynchronously Loading the API ********************************************* --> > <script type="text/javascript"> > function initialize() { > var mapLocation = new google.maps.LatLng('<?php echo $lat; ?>', '<?php echo $lng; ?>'); // 지도에서 가운데로 위치할 위도와 경도 > var markLocation = new google.maps.LatLng('<?php echo $lat; ?>', '<?php echo $lng; ?>'); // 마커가 위치할 위도와 경도 > > var mapOptions = { > center: mapLocation, // 지도에서 가운데로 위치할 위도와 경도(변수) > zoom: 16, // 지도를 띄웠을 때의 줌 크기 > mapTypeId: google.maps.MapTypeId.ROADMAP > }; > > var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions); // div의 id과 값이 같아야 함. "map-canvas" > > var size_x = 40; // 마커로 사용할 이미지의 가로 크기 > var size_y = 40; // 마커로 사용할 이미지의 세로 크기 > > // 마커로 사용할 이미지 주소 > var image = new google.maps.MarkerImage( '', > new google.maps.Size(size_x, size_y), > '', > '', > new google.maps.Size(size_x, size_y)); > > var marker; > marker = new google.maps.Marker({ > position: markLocation, // 마커가 위치할 위도와 경도(변수) > map: map, > icon: image, // 마커로 사용할 이미지(변수) > // info: '말풍선 안에 들어갈 내용', > title: '<?php echo $address_title; ?>' // 마커에 마우스 포인트를 갖다댔을 때 뜨는 타이틀 > }); > > var content = "<?php echo $address_title; ?>"; // 말풍선 안에 들어갈 내용 > > // 마커를 클릭했을 때의 이벤트. 말풍선 뿅~ > var infowindow = new google.maps.InfoWindow({ content: content}); > > google.maps.event.addListener(marker, "click", function() { > infowindow.open(map,marker); > }); > } > google.maps.event.addDomListener(window, 'load', initialize); > </script> > <div id="map-canvas" style="width: 100%; height: 313px" title="<?php echo $address_title; ?>"></div> > >
웹 에디터 끝
링크 #1
링크 #2
파일 #1
파일 #2
자동등록방지
숫자음성듣기
새로고침
자동등록방지 숫자를 순서대로 입력하세요.
취소
작성완료