공개 게시판 > 공부

Business
- Business
Information
- Information
Study
- IONIC REACT PHP GNU MySQL ASP .NET MsSQL Html CSS Script SEO DNS JQuery Eng
book
- book
free
- free

:: 글답변 ::

이 름

패스워드

이메일

홈페이지

옵 션

html

분 류

제 목

>
>
> <!DOCTYPE html>
> <html> 
> <head> 
>   <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
>   <title>Google Maps Multiple Markers</title> 
>   <script src="http://maps.google.com/maps/api/js?sensor=false" 
>           type="text/javascript"></script>
> </head> 
> <body>
>   <div id="map" style="width: 1000px; height: 800px;"></div>
>   <script type="text/javascript">
>     var locations = [
>       ['삼익사이버 아파트', 37.0211403, 127.0971617, 28],
>       ['국립축산과학원 축산자원개발부', 36.93309333, 127.10487485, 10]
>     ];
>     var map = new google.maps.Map(document.getElementById('map'), {
>       zoom: 8,
>       center: new google.maps.LatLng(37, 127.1),
>       mapTypeId: google.maps.MapTypeId.ROADMAP
>     });
>     var infowindow = new google.maps.InfoWindow();
>     var marker, i;
>     for (i = 0; i < locations.length; i++) {  
>       marker = new google.maps.Marker({
>         position: new google.maps.LatLng(locations[i][1], locations[i][2]),
>         map: map
>       });
>       google.maps.event.addListener(marker, 'click', (function(marker, i) {
>         return function() {
>           infowindow.setContent(locations[i][0]);
>           infowindow.open(map, marker);
>         }
>       })(marker, i));
>     }
>   </script>
> </body>
> </html>
> [출처] 구글 맵에 여러개의 위치 표시하기|작성자 약장사
>

링크 #1

링크 #2

파일첨부

왼쪽의 글자를 입력하세요.