谷歌地图Api V3 - 可编辑信息窗口

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

照片是从 - >http://maps.google.pl/ - >我的地图（可登录时） - >编辑/添加地图 - >把标记在地图上。源代码有点复杂..

来源

2011-11-07 Kedor

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

Google Maps使用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了解更多。

来源

2011-11-07 23:01:01

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

来源

2011-11-07 21:51:44

谷歌地图Api V3 - 可编辑信息窗口

回答

相关问题