본문 바로가기
javascript

네이버 지도 api 마커 애니메이션

by 바나냥 2020. 4. 3.
<script type="text/javascript" src="https://openapi.map.naver.com/openapi/v3/maps.js?clientId=11111111111&submodules=geocoder"></script>
<script type="text/javascript">
      if ($(window).width() > 768) {
   var map = new naver.maps.Map(document.getElementById('map'), {
   center: new naver.maps.LatLng(37.6720039, 126.3457808),
   zoom: 9
   });
  
   var markerOptions = {
       position: new naver.maps.LatLng(37.667027, 126.356244),
       map: map,
       icon: "/Reanworld_common/images/homepage/company/marker.png",
     animation: naver.maps.Animation.BOUNCE
   };

   var marker = new naver.maps.Marker(markerOptions);
      }else{
      var map = new naver.maps.Map(document.getElementById('map'), {
   center: new naver.maps.LatLng(37.685039, 126.356244),
   zoom: 8
   });
  
   var markerOptions = {
       position: new naver.maps.LatLng(37.667027, 126.356244),
       map: map,
       icon: "/Reanworld_common/images/homepage/company/marker.png",
     animation: naver.maps.Animation.BOUNCE
   };

   var marker = new naver.maps.Marker(markerOptions);
      }
</script>

댓글