javascript - Google Maps JS API 3 - 自定义叠加层中的可编辑表单

标签 javascript events google-maps-api-3

我正在使用 Google Maps API 在自定义 map 叠加层中提供一个表单,类似于 native InfoWindow。我用了an example by google使用他们的 OverlayView 创建自定义叠加层原型(prototype)。

最终这个叠加层没有相同的行为 InfoWindow有关于编辑。与窗口交互会导致与 map 交互。既不能在窗口中选择文本,也不能编辑输入字段。事件委托(delegate)给 map 。

我已经尝试过使用 z-index,但行不通。

their example您也不能选择文本 - 因此您可以查看 their source .

最佳答案

其实就是一个事件传播的问题。 Google 提供了另一个解决问题的不太明显的示例:

http://google-maps-utility-library-v3.googlecode.com/svn/tags/infobox/1.1.5/src/infobox.js

---> 更新 01/2015

Ian添加 another example that blocks propagation of all map events在评论中。

关于javascript - Google Maps JS API 3 - 自定义叠加层中的可编辑表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6078782/

相关文章:

javascript - 用于选择表中所有行的复选框

javascript - 问题 w/Programmatic Zoom v4

c# - 事件中的调度程序只会调用一次 C#

javascript - googleMap标记旋转位置更改

image - 是否可以使用 javascript 更改 google.maps.GroundOverlay 的图像?

javascript - Backbone.js 悬停事件未触发

c# - 如何在第二个线程上等待事件

Java addActionListener 错误

google-maps-api-3 - 如何在 Google Maps V3 中永久显示标记的标签/标题?

javascript - 如何在表单中组合两个选择字段