Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/402.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 带弹跳标记的谷歌地图_Javascript_Google Maps_Google Maps Markers - Fatal编程技术网

Javascript 带弹跳标记的谷歌地图

Javascript 带弹跳标记的谷歌地图,javascript,google-maps,google-maps-markers,Javascript,Google Maps,Google Maps Markers,我正在尝试使用谷歌API3获得一个带有弹跳标记的谷歌地图。我的代码如下 到目前为止,我不能做的事情如下: 标记持续反弹;我需要它反弹一次 我需要禁用鼠标滚轮移动以进行缩放 我想把地图的颜色改成浅蓝色 带标记的谷歌地图 变量位置=[ [‘马鲁布拉海滩’,-33.950198151.259302,1] ]; var map=new google.maps.map(document.getElementById('map'){ 缩放:10, 中心:新谷歌地图LatLng(-33.92151.25),

我正在尝试使用谷歌API3获得一个带有弹跳标记的谷歌地图。我的代码如下

到目前为止,我不能做的事情如下:

  • 标记持续反弹;我需要它反弹一次
  • 我需要禁用鼠标滚轮移动以进行缩放
  • 我想把地图的颜色改成浅蓝色
  • 
    带标记的谷歌地图
    变量位置=[
    [‘马鲁布拉海滩’,-33.950198151.259302,1]
    ];
    var map=new google.maps.map(document.getElementById('map'){
    缩放:10,
    中心:新谷歌地图LatLng(-33.92151.25),
    mapTypeId:google.maps.mapTypeId.ROADMAP
    });
    var infowindow=new google.maps.infowindow();
    var标记,i;
    对于(i=0;i

    如果有人能给我指出正确的方向,我将非常感激。

    对于第一个问题,您可以简单地使用基于超时的setAnimation函数

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

    通过这种方式反弹一秒钟,您可以调整您喜欢的持续时间

    对于第二个问题,您可以在选项中将相关选项滚轮设置为false,例如:

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

    一次问一个问题更好
    var mapOptions = {
                center: new google.maps.LatLng(54.9000, 25.3167),
                zoom: 4,
               scrollwheel: false,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            }