고수님들~!구글 맵 다중마커 영상인데 해석해주실 수 있는분~~~

2015-02-03 (화) 15:08:48 20,060

https://www.youtube.com/watch?v=fwaIoGAnWCA 


외국인이 올린건데요 
제가 바로 이렇게 다중 마커를 설정하고 싶은데... 

막 톰캣이라는 것도 필요한거 같고 
막 이리저리 복잡해보이는데... 
제이 쿼리도 사용한거 같고... 

이름은 들어봤는데~ 
저것들이 구체적으로 어떤 식으로 써서 
어떤 원리로 동작되는지~ 
그걸 모르겠어요... 

저 영상대로 집 컴퓨터로 만들어서 
다른 웹페이지에 올릴 수는 있나요??? 

고수님들 
이 영상에 대해 대체적으로나마 해석 부탁드려요..ㅠ.ㅠ

답변 1개

2015-02-03 (화) 16:07:56
Copy
<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라고 하는 변수에 마우스 가져다 댔을 때 뜨는 이름, 좌표를 배열로 넣어서 뿌려주면 됩니다.

다중 마커라고 하셔서 영상은 안 봤습니다. 

실제 작동하는 페이지입니다.

http://nyaongii.dothome.co.kr/temp/wr_id58540.html 

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