2011-11-07 70 views
0

我想問問是否有任何方法可以編輯infowindows?到目前爲止,我正在用簡單的方式來實現這一點。當第一次infowindow創建時,它包含textarea。這可以讓我寫任何我想要的,然後使用ajax將其保存到數據庫。問題是,我需要更多的功能。 當您在google.maps(dunno英語翻譯)中轉到「我的地圖」或「我的地點」時,您可以在其中添加標記,然後彈出信息窗口並讓它使用HTML編輯...我很樂意獲得在我的infowindows,或任何其他方式,任何其他「編輯」....任何人都知道如何實現這一目標? Photo to "editor" in my maps谷歌地圖Api V3 - 可編輯信息窗口

照片是從 - >http://maps.google.pl/ - >我的地圖(可登錄時) - >編輯/添加地圖 - >把標記在地圖上。 源代碼有點複雜..

+0

好吧,它的谷歌地圖,但我加了鏈接,代碼太複雜,找不到任何東西 – Kedor

回答

3

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瞭解更多。

1

你可以設置你的infowindow的內容是一個DOM節點。這意味着您可以在infowindow中創建自己的界面。

​​