Google Map с Bouncing Marker

-2

Я пытаюсь получить карту Google с отскоком маркера с помощью Google API3. Мой код ниже.Google Map с Bouncing Marker

Вещи, которые я не могу сделать, до сих пор являются следующие:

Маркер постоянно подпрыгивая; Мне нужно, чтобы он подпрыгнул один раз.
Мне нужно отключить перемещение колеса мыши для масштабирования.
Я хочу изменить цвет карты на голубой.

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
    <title>Google Map with Marker</title> 
    <script src="http://maps.google.com/maps/api/js?sensor=false" 
      type="text/javascript"></script> 
</head> 
<body> 
    <div id="map" style="width: 500px; height: 400px;"></div> 

    <script type="text/javascript"> 
    var locations = [ 
    ['Maroubra Beach', -33.950198, 151.259302, 1] 
    ]; 

    var map = new google.maps.Map(document.getElementById('map'), { 
     zoom: 10, 
     center: new google.maps.LatLng(-33.92, 151.25), 
     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 
     }); 


marker.setAnimation(google.maps.Animation.BOUNCE); 

     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>

я был бы очень благодарен, если кто-нибудь может мне точку в правильном направлении.

источник

2015-11-25 user3412718

Лучше, если вы задаете вопрос одновременно – scaisEdge

Что касается второго вопроса, вы можете установить связанная опция scrollwheel в false, например:

var mapOptions = { 
      center: new google.maps.LatLng(54.9000, 25.3167), 
      zoom: 4, 
      scrollwheel: false, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }

источник

2015-11-25 20:44:21 scaisEdge

Для первого вопроса вы можете просто использовать на основе функции setAnimation ОНД таймаут

marker.setAnimation(google.maps.Animation.BOUNCE); 
setTimeout(function(){ marker.setAnimation(null); }, 1000);

таким образом подпрыгивать на секунду, вы можете настроить длительность вы предпочитаете

источник

2015-11-25 20:38:28 scaisEdge

Google Map с Bouncing Marker

ответ

Смежные вопросы