[질답/버그/제안] 지도문제입니다.
작성자 정보
- 관리자 작성
- 작성일
컨텐츠 정보
- 355 조회
-
목록
본문
아래 사진은 정상인데 지도는 고정이 되어있어요
카카오 키도 입력했는데 말이예요
한번 살펴주시레요
<?php
//$addr = $view['wr_subject']
// 쿼리 돌릴 주소
$address = substr($view[wr_3], 6); // 3번 여유 필드에 저장 되어 있는 주소의 우편번호를 삭제
$adrress1 = str_replace("|","",$address); // | 태그 삭제
//$addr = urlencode($addr);
?>
<div id="map" style="width:100%;height:400px;border:1px #DDD solid">div>
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=cf10ab74cc041e3f68d950187fc68bf28&libraries=services">script>
<script>
var juso = "<?php echo $addr;?>";
console.log(juso);
var mapContainer = document.getElementById('map'), // 지도를 표시할 div
mapOption = {
center: new daum.maps.LatLng(33.450701, 126.570667), // 지도의 중심좌표
level: 3 // 지도의 확대 레벨
};
// 지도를 생성합니다
var map = new daum.maps.Map(mapContainer, mapOption);
// 주소-좌표 변환 객체를 생성합니다
var geocoder = new daum.maps.services.Geocoder();
// 주소로 좌표를 검색합니다
geocoder.addressSearch(juso, function(result, status) {
// 정상적으로 검색이 완료됐으면
if (status === daum.maps.services.Status.OK) {
var coords = new daum.maps.LatLng(result[0].y, result[0].x);
// 결과값으로 받은 위치를 마커로 표시합니다
var marker = new daum.maps.Marker({
map: map,
position: coords
});
// 인포윈도우로 장소에 대한 설명을 표시합니다
var infowindow = new daum.maps.InfoWindow({
content: '
<?php echo $addr?>
' });
infowindow.open(map, marker);
// 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
map.setCenter(coords);
}
});
script>
관련자료
-
링크
댓글 0
등록된 댓글이 없습니다.