고수님들~!구글 맵 다중마커 영상인데 해석해주실 수 있는분~~~
https://www.youtube.com/watch?v=fwaIoGAnWCA |
답변 1개
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script><script>function initialize() { var locations = [['test1', 37.4443913, 126.797949], ['test2', 35.2197859, 128.6857217]]; var mapOptions = { zoom : 6, center : new google.maps.LatLng(37.4443913, 126.797949) }; var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); for(i=0; i<locations.length; i++) { var myLatLng = new google.maps.LatLng(locations[i][1], locations[i][2]); var marker = new google.maps.Marker({ position : myLatLng, map : map, title : locations[i][0] }); }}google.maps.event.addDomListener(window, 'load', initialize);</script>
실제 들어가는 코드는 대충 이렇습니다.
https://developers.google.com/maps/documentation/javascript/markers
여기 참고하시면 되겠네요.
locations라고 하는 변수에 마우스 가져다 댔을 때 뜨는 이름, 좌표를 배열로 넣어서 뿌려주면 됩니다.
다중 마커라고 하셔서 영상은 안 봤습니다.
실제 작동하는 페이지입니다.
답변을 작성하려면 로그인이 필요합니다.