Question

我尝试使用D3.JS和Google Map在地图上绘制不同的点。我想扩展这个例子并处理可点击点，我们点击点，我们得到稍后将添加的文本。在这种情况下，我应该编辑与Google Map或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!'); }
);

但我没有得到结果？

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

0 个答案: