Gmap3添加了一个简单的上下文菜单

时间:2011-07-25 00:07:43

标签: jquery google-maps jquery-gmap3

所以我正在尝试添加一个非常简单的上下文菜单,例如:

中给出的示例

http://gmap3.net/examples/context-menu.html

然而,这个例子非常复杂,并不是一个很好的学习起点。

我只想创建一个具有2或3个出站链接的上下文菜单(包括右键单击的latlng)。谁能给我一个更简单的例子呢?

由于

1 个答案:

答案 0 :(得分:0)

在示例中,您需要更改以下代码:

 // MENU : ITEM 1
  menu.add('Direction to here', 'itemB', 
    function(){
      menu.close();
      addMarker(false);
    });

etc.

现在,要添加自己的竞赛菜单项,请尝试使用此类

  menu.add('OutboundLink1', 'CSS_class_for_this_link', 
    function(){
        var lat=$map.gmap3('getLatlng').lat();
        var lon=$map.gmap3('getLatlng').lon();
        window.open('someurl?lat='+lat+'&lon='+lon, 'window name', 'window settings');
        menu.close();
    });

etc.

请注意,您必须为上下文菜单提供自己的CSS样式。