谷歌地图 JS API 3 - 自定义叠加层中的可编辑表单
Google Maps JS API 3 - Editable Forms in Custom Overlay
我正在使用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 添加了另一个阻止注释中所有映射事件传播的示例。
相关文章:
- 如何正确拖动jqgrid编辑表单
- 在Magento的后端块(选项卡编辑表单)中添加额外的js
- 当表单不为空时,无法使用CasperJS编辑表单
- 我想用所选项目的数据填充我的编辑表单
- 在 Jqgrid 编辑表单上显示成功消息
- 如何在 iframe 中编辑表单
- Openerp 可编辑表单视图弹出窗口
- 如何将“oninput”添加到html表单标签,按id定位标签,而不是编辑表单标签本身
- 如何使用自定义帖子清除jqGrid添加/编辑表单
- 轨道编辑表单无法正常工作
- 当我单击编辑表单时,角度自动填充创建表单的问题
- 如何在 jqgrid 编辑表单中的 tinyMCE 中捕获 Ctrl+S 键
- jqgrid-单击行时如何显示编辑表单
- 禁用编辑表单方法
- 如何“;地图”;在AngularJS中编辑表单时要选择的模型值框
- Knockout JS-点击加载所选项目的模态编辑表单
- ExtJs 4多选编辑表单没有't负载选择
- 如何在使用Ember和Ember数据设置模型属性之前编辑表单数据
- 动态编辑表单,用于某种带有AngularJS的俄罗斯娃娃容器
- 使用两个选择控件编辑表单,以便在首次启动时进行筛选