테스트 사이트 - 개발 중인 베타 버전입니다

구글맵 지도 api 마커설 채택완료

dudqls 2년 전 조회 2,519

</p>

<p><div class="map"  data-aos="fade-up" data-aos-anchor-placement="center-bottom" data-aos-duration="1500" id="map"></p>

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

<p>                    <iframe src="<a href="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"" target="_blank" rel="noopener noreferrer">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"</a> style="border:0;" allowfullscreen="false" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe></p>

<p>               </a></p>

<p>            </div></p>

<p>

 

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

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

답변 2개

채택된 답변
+20 포인트

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

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

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

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

화이팅~

로그인 후 평가할 수 있습니다

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

M
2년 전

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

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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

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

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

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

로그인