Question

是否可以通过onclick而不是鼠标悬停来使Virtual Earth图钉信息框显示响应？

目前我正在使用这样的东西：

...

  var pin = new VEShape(
                  VEShapeType.Pushpin,
                  [location]
                );
  pin.SetCustomIcon(icon_url);
  pin.SetTitle(title);
  pin.SetDescription(info_window_template);
  map.AddShape(pin);

  document.getElementById(pin.GetPrimitive().iid).onmouseover = EventHandlerOnMouseOver;
}

var EventHandlerOnMouseOver = function(e) {
    // Handle content loading...
}

...

但是，如果我尝试将onmouseover更改为onclick，则VE会选择onclick并完全禁用信息框。

Answer 1

您可以通过使用事件来完成描述...请注意我正在使用Virtual Earth 6.2。

诀窍是禁止onmouseover事件和订阅onclick事件。当您确定用户是否单击某个形状时，您可以在地图控件上调用ShowInfoBox方法以强制它显示信息框。

这是teh codez =）

// Begin by supressing the onmouseover event. Returning true 
// from an event handler disables the default Virtual Earth action
map.AttachEvent('onmouseover', function(e) { if(e.elementID) return true; });

// Subscribe to the onclick event and react whenever we get an element id
map.AttachEvent("onclick", function(e) {

    // elementID is null when someone clicks on the map and not on a shape
    if(e.elementID) {

        var shape = map.GetShapeByID(e.elementID); 
        if(shape) map.ShowInfoBox(shape);
    } 
});

请注意，即使您右键单击形状，信息框也会显示;要避免这种情况，您可以查看event object上的leftMouseButton或rightMouseButton属性。

参考文献：

点击虚拟地球信息框而不是悬停？

1 个答案: