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

Question

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

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

Answer 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上了解详情。

Answer 2

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

infowindow.setContent(mynode);