채택완료

구글맵 지도 api 마커설

2023-07-25 (화) 15:08:18 2,988
Copy
<div class="map"  data-aos="fade-up" data-aos-anchor-placement="center-bottom" data-aos-duration="1500" id="map">

               <a href="https://in-esg.com/map/map.php" target="_blank">

                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3168.629809557506!2d126.88441687386764!3d37.42222393239332!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357b61f2c07ebe73%3A0xff9ec5bf23442a2d!2zR0lEQyDqtJHrqoXsl60!5e0!3m2!1sko!2skr!4v1690177395915!5m2!1sko!2skr" style="border:0;" allowfullscreen="false" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

               </a>

            </div>

구글맵을 불러오긴했는데요 현재위치는 자동으로 되어있는건가요?? 지도를 보니 현재위치가 바로 뜨긴합니다. 추가로 다른 장소에 마커를 찍어주고 싶은데 src로 불러왔는데 마커 설정이 가능할까요.. 가능하다면 코드좀 부탁드립니다ㅠㅠㅠ

답변 2개 / 댓글 2개

채택된 답변
+20 포인트
2023-07-25 (화) 16:06:00

구글 맵 Embed API는 멀티마커를 지원하지 않네요.

지도에 마커를 2개이상 찍으실거면

https://developers.google.com/maps/documentation/javascript?hl=ko

요걸 적용하셔야 가능합니다.

화이팅~

현재 iframe으로 불러오신게 마커를 구현한 것 입니다.

마커를 설정한 위치가 "GIDC 광명역" 이신것 입니다.

답변에 대한 댓글 2개

추가로 다른 지역에 마커를 등록할수있는 방법이 있을까요?
그러면 iframe이 아니라 자바스크립트로 하셔야 할듯 합니다.

답변을 작성하려면 로그인이 필요합니다.