구글맵 지도 api 마커설
본문
<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
구글 맵 Embed API는 멀티마커를 지원하지 않네요.
지도에 마커를 2개이상 찍으실거면
https://developers.google.com/maps/documentation/javascript?hl=ko
요걸 적용하셔야 가능합니다.
화이팅~
현재 iframe으로 불러오신게 마커를 구현한 것 입니다.
마커를 설정한 위치가 "GIDC 광명역" 이신것 입니다.
추가로 다른 지역에 마커를 등록할수있는 방법이 있을까요?
그러면 iframe이 아니라 자바스크립트로 하셔야 할듯 합니다.
답변을 작성하시기 전에 로그인 해주세요.