[카카오 API] 여러개 마커 표시하기 - (3)

(8) 해결!!!! php-자바스크립트 지도 마크업하기

 

<script>
var mapContainer = document.getElementById('map'), // 지도를 표시할 div
mapOption = {
center: new daum.maps.LatLng(37.23620796972232,127.20643061901345), // 지도의 중심좌표
level: 3 // 지도의 확대 레벨
};

var map = new daum.maps.Map(mapContainer, mapOption); // 지도를 생성합니다
var positions = [];

<?php
$con = mysqli_connect($db_host,$db_user,$db_passwd,$db_name);

mysqli_set_charset($con, "utf8");

$result = mysqli_query($con, "select * from Marker_DB");

$n = 1;
while($row = mysqli_fetch_array($result)){
  $a = $row['lat'];
  $b = $row['lon'];?>
  positions.push({ latlng:new daum.maps.LatLng(<?= $a; ?>, <?= $b; ?>)});
  <?
$n++;
}
?>
</script>

 

결과: 데이터베이스의 위경도 값이 잘 들어와있는 것을 확인할 수 있습니다.