Javascript 在Google Maps/D3.JS上制作可点击标记

我正在使用D3.JS和谷歌地图在地图上绘制不同的点。 我想扩展这个例子，并在可点击点上工作，我们点击这个点，我们会得到我稍后添加的文本。 在这种情况下，我应该编辑与GoogleMap或D3.JS相关的代码吗

我最初的想法是使用谷歌地图标记制作一个对象

var marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
    icon: image
}); 
google.maps.event.addListener(marker, 'click', function() {
   map.setZoom(8);
   map.setCenter(marker.getPosition());
});

更新！ 我在这里做改变：

    marker.append("svg:text")
            .attr("x", padding + 7)
            .attr("y", padding)
            .attr("dy", ".31em")
            .on("mouseout", function expandNode() {alert("ff")})
            .on("click", addEvent())

            .text( function(d) { 
              return d.name; }
            );


function addEvent(element, evnt, funct){
  if (element.attachEvent)
   return element.attachEvent('on'+evnt, funct);
  else
   return element.addEventListener(evnt, funct, false);
}

// example
addEvent(
    document.getElementById('myElement'),
    'click',
    function () { alert('hi!'); }
);

---

但是我没有得到结果？

您可以只在圆圈中添加一个单击处理程序。类似：$Circle.on click，tr，function{alert$this.text；}；