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

Google Maps Api V3 - Editable info windows

本文关键字：信息 信息窗 窗口 编辑 Api V3 谷歌地图      更新时间：2023-09-26

我想问是否有任何方法使infowindows可编辑?到目前为止，我正在使用简单的方法来实现这一点。第一次创建infowindow时，它包含textarea。这让我可以写任何我想要的，然后用ajax保存到数据库。问题是，我需要更多的功能。当你打开谷歌的"我的地图"或"我的位置"时。地图(不知道英文翻译)，你可以在那里添加标记，然后弹出信息窗口，它让你使用HTML编辑…我希望在我的信息窗口，或任何其他方式，任何其他"编辑器"....中得到它有人知道怎么做吗?在我的地图中给"编辑"的照片

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

Google Maps使用contentEditable属性来创建一个可编辑的HTML section。下面的代码创建了一个可编辑的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>

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

infowindow.setContent(mynode);
相关文章：