javascript - google map api v3，信息窗口可编辑~

Question

我想制作一个谷歌地图信息窗口。当触发某些事件时，信息窗口应该是可编辑的。

有一个关于google map infowindow editable的问答，

How do I make the info window editable in the Google Maps API?

但是，这是关于版本 2 的。

知道如何让信息窗口可编辑吗？

引用~这是我的 addMarket 函数

 this.addMarker = function(location) {
        var iconImg = 'signpost.png';
        var marker = new google.maps.Marker({
          position: location, 
          map: this.mMap,
          icon: iconImg,
        });

        var infowindow = new google.maps.InfoWindow(
        { 
            maxWidth: '50px',
            content: "some text"
        });
        google.maps.event.addListener(marker, 'click', function() {
            infowindow.open(this.mMap, marker);
        });
        infowindow.open(this.mMap, marker);
        this.mMarkerArray.push(marker);
    }

Answer 1

好吧，您可以将任何 HTML 传递到 InfoWindow 的 content 属性中。所以 solution对于您提到的 Google Maps v2，也适用于此:

var infowindow = new google.maps.InfoWindow(
    { 
        maxWidth: '50px',
        content: '<div contentEditable="true">changeme...</div>'
    });