谷歌地图 JS API 3 - 自定义叠加层中的可编辑表单

Google Maps JS API 3 - Editable Forms in Custom Overlay

本文关键字:编辑 表单 叠加 API JS 自定义 谷歌地图      更新时间:2023-09-26

我正在使用Google Maps API在自定义地图叠加中提供表单,类似于本机InfoWindow。我使用谷歌的一个例子来创建自定义叠加层,使用他们的OverlayView原型。

最终,此叠加层与编辑InfoWindow行为不同。与窗互会导致与地图的交互。既不能在窗口中选择文本,也不能编辑输入字段。事件被委托给地图。

我已经尝试使用 z-index,这是行不通的。

在他们的示例中,您也无法选择文本 - 因此您可以查看其来源。

这实际上是一个事件传播的问题。谷歌提供了另一个不太明显的例子来解决这个问题:

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

--->更新 01/2015

Ian 添加了另一个阻止注释中所有映射事件传播的示例。