Google Maps Api V3 - 可编辑的信息窗口答案

【问题标题】：Google Maps Api V3 - Editable info windowsGoogle Maps Api V3 - 可编辑的信息窗口
【发布时间】：2011-11-08 07:01:01
【问题描述】：

我想问是否有任何方法可以使 infowindows 可编辑？到目前为止，我正在使用简单的方法来实现这一目标。第一次创建 infowindow 时，它包含 textarea。这让我可以写任何我想要的，然后使用 ajax 将它保存到数据库。问题是，我需要更多功能。当您在 google.maps（不知道英文翻译）中转到“我的地图”或“我的地方”时，您可以在那里添加标记，然后弹出信息窗口并让您使用 HTML 编辑......我很想得到那个在我的 infowindows 或任何其他方式中，任何其他“编辑器”....有人知道如何实现吗？ Photo to "editor" in my maps

照片来自 -> http://maps.google.pl/ -> 我的地图（登录后可用）-> 编辑/添加地图 -> 在地图上放置一个标记。源代码有点...复杂..

【问题讨论】：

好吧，它的谷歌地图，但我添加了链接，代码太复杂，找不到任何东西

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

【解决方案1】：

Google 地图使用contentEditable 属性创建可编辑的 HTML 部分。下面的代码创建了一个可编辑的div，带有按钮以使选择变为粗体和斜体。您将使用 innerHTML 来获取结果 HTML。

<div id="mydiv" contenteditable="true">Edit Me</div>
<button onclick="document.execCommand('bold',null,false);">B</button>
<button onclick="document.execCommand('italic',null,false);">I</button>
<button onclick="alert(document.getElementById('mydiv').innerHTML)">Show HTML</button>

您可以通过MDN了解更多信息。

【讨论】：

【解决方案2】：

您可以将信息窗口的内容设置为 DOM 节点。这意味着您可以在信息窗口中创建自己的界面。

infowindow.setContent(mynode);

【讨论】：