(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>
결과: 데이터베이스의 위경도 값이 잘 들어와있는 것을 확인할 수 있습니다.
'웹 > 자바스크립트' 카테고리의 다른 글
[카카오 API] 여러개 마커 표시하기 - (2) (0) | 2019.05.15 |
---|---|
[카카오 API] 여러개 마커 표시하기 - (1) (5) | 2019.05.15 |