Google Map API事件点击放大

时间:2012-06-14 07:23:55

标签: javascript html google-maps google-maps-api-3 google-api

我是Google Maps API v3的新手,也是Javascript的新手。

我正在阅读谷歌网站上关于谷歌地图基础知识的文档/指南,在初始化函数中,我看到了这段代码

          google.maps.event.addListener(marker, 'click', function() {
        map.setZoom(8);
        map.setCenter(marker.getPosition());
      });

因此,当我运行此代码时,它创建了一个单击功能,当您单击标记时它会放大。但是,此点击功能仅适用一次。这个,我的意思是你只能点击一次标记,它会放大一次。

我试图弄清楚如何多次点击标记并多次缩放。我为setZoom创建了一个变量,但我仍然不知道如何多次启用标记。我已经尝试循环此事件以及复制和粘贴代码段以使代码具有相同的两次。这些选项都没有奏效。

也许是因为我对javascript缺乏经验,我无法弄清楚这么简单的任务。为了创建我想要的功能,我应该朝哪个方向看?

1 个答案:

答案 0 :(得分:3)

zoom的值常量,这就是原因:

map.setZoom(8/*constant*/);

你需要让它变得动态,例如:

map.setZoom( map.getZoom() + 2);