Javascript通过重叠div将点击事件传递给谷歌地图?

时间:2011-05-02 17:26:25

标签: javascript jquery html google-maps

说我嵌入了谷歌地图。如果我将相同大小的div与具有相同高度和宽度的谷歌地图重叠...我可以使它使div的onclick事件将click事件传递给地图,这样我仍然可以平移如果没有重叠的div图层那么缩放地图?

3 个答案:

答案 0 :(得分:1)

为什么要与div重叠?

如果您正在尝试这样做,那么您也可以抓住用户点击,没有必要,请使用google maps api

var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
GEvent.addListener(map, "click", function() {
  alert("You clicked the map.");
});

示例摘自:http://code.google.com/intl/en-US/apis/maps/documentation/javascript/v2/events.html

答案 1 :(得分:0)

您可以尝试在div上捕获事件,然后使用jQuery.trigger在地图上触发它(更改目标)

$(selector).trigger( event );

Jquery trigger

希望这有帮助

答案 2 :(得分:0)

是的,可以按照你的要求去做。请参阅我创建的这个简单示例来演示:http://68.178.240.17/eventExample/

从概念上讲事件永远不会“通过”任何事件,事件泡沫化。因此,如果您的DIV是目标的孩子,事件将冒泡到目标。 (请不要对事件模型进行串扰。它适用于包括IE在内的所有浏览器。)

使用谷歌地图实现这一点的方式类似于:

<DIV my GoogleMap container>
  <DIV my overlay positioned absolutely on top of the parent google map container></DIV>
</DIV>