php db연동방법...
LEE1234
4년 전
조회 6,364
구글 맵 openapi 가져와서 db의 parkinglot테이블에 있는 위도 경도 값으로 맵에다가 마커 표시해주려고 하는데 어느부분이 문제인지 모르겠습니다 ㅠㅠ 맵은 나오는데 마커가 표시가 안되는걸 보면 db연동이 제대로 안된것 같기도 하구요 ㅠㅠ 코드 올리겠습니다
<?php</p>
<p>$conn=mysqli_connect("localhost", "root", "1234", "carsharing") or die("MySQL 접속 실패!! ");</p>
<p>$sql = "SELECT * FROM parkinglot";</p>
<p>$result = mysqli_query($conn, $sql);</p>
<p>?></p>
<p><!DOCTYPE html></p>
<p><html lang="en"></p>
<p><head></p>
<p> <meta charset="UTF-8"></p>
<p> <title>Document</title></p>
<p> <link rel="stylesheet" href="style.css"></p>
<p></head></p>
<p><body></p>
<p> <fieldset></p>
<p> <div id="idx_top"></p>
<p> </div></p>
<p> </fieldset></p>
<p> <center> <div id="map" style="width: 1800px; height:650px; margin-top:40px"></div></center></p>
<p> </p>
<p> <script></p>
<p> $(document).ready(function () {</p>
<p> initMap();</p>
<p> });</p>
<p> </p>
<p> function initMap() {</p>
<p> const myLatLng = {</p>
<p> lat: 36.8402,</p>
<p> lng: 127.1850</p>
<p> };</p>
<p> </p>
<p> var map = new google.maps.Map(document.getElementById('map'), {</p>
<p> zoom: 17,</p>
<p> center: myLatLng,</p>
<p> });</p>
<p> </p>
<p> </p>
<p> $.ajax({</p>
<p> type: 'GET',</p>
<p> url: '/places',</p>
<p> data: {},</p>
<p> success: function (response) {</p>
<p> if (response['result'] == 'success') {</p>
<p> let parking = response['parkinglot']</p>
<p> for (let i = 0; i < parking.length; i++) {</p>
<p> var park = { lat: parking[i]['parkinglat'], lng: parking[i]['parkinglng'] }</p>
<p> var marker = new google.maps.Marker({ position: park, map: map, title: parking[i]['parkinglotName'] });</p>
<p> }</p>
<p> }</p>
<p> }</p>
<p> });</p>
<p> } </p>
<p> </script></p>
<p> <script src="<a href="https://polyfill.io/v3/polyfill.min.js?features=default"></script>" target="_blank" rel="noopener noreferrer">https://polyfill.io/v3/polyfill.min.js?features=default"></script></a></p>
<p> <script</p>
<p> src="<a href="https://maps.googleapis.com/maps/api/js?key=AIzaSyADE6zw1xt9mEbQYvRuJS7_rGDX5Su0Et0&callback=initMap&libraries=&v=weekly"" target="_blank" rel="noopener noreferrer">https://maps.googleapis.com/maps/api/js?key=AIzaSyADE6zw1xt9mEbQYvRuJS7_rGDX5Su0Et0&callback=initMap&libraries=&v=weekly"</a></p>
<p> defer</p>
<p> ></p>
<p> </script></p>
<p> </body></p>
<p> </p>
<p></html>
댓글을 작성하려면 로그인이 필요합니다.
답변 3개
4년 전
추가 피해자 방지 https://sir.kr/conflictconsultation/245" rel="nofollow noreferrer noopener" target="_blank">https://sir.kr/conflictconsultation/245
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인