고수님들~!구글 맵 다중마커 영상인데 해석해주실 수 있는분~~~
관련링크
본문
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라고 하는 변수에 마우스 가져다 댔을 때 뜨는 이름, 좌표를 배열로 넣어서 뿌려주면 됩니다.
다중 마커라고 하셔서 영상은 안 봤습니다.
실제 작동하는 페이지입니다.
답변을 작성하시기 전에 로그인 해주세요.
