Google Maps API v3 自定义按钮答案

【问题标题】：Google Maps API v3 Custom ButtonGoogle Maps API v3 自定义按钮
【发布时间】：2013-03-02 09:25:17
【问题描述】：

在查看了以下问题和答案 (Initiate polygon drawing from custom button) 后，尝试了代码但没有得到任何结果，我不确定自己做错了什么。我的代码如下：

//button function
$(".btn > .icon-circle-blank").click(function(event){
    //stub for gmap radius drawing
    drawingManager.setDrawingMode(google.maps.drawing.OverlayType.CIRCLE);
})

我可以用

初始化绘图工具

      var drawingManager = new google.maps.drawing.DrawingManager({
      drawingControl: true,
      drawingControlOptions: {
        drawingModes: [
          google.maps.drawing.OverlayType.CIRCLE,
          google.maps.drawing.OverlayType.POLYGON,
          google.maps.drawing.OverlayType.RECTANGLE
        ]
      }
    });

通常我将 drawingControl 设置为 false，并且我的自定义按钮不在地图上。

感谢您的帮助！

【问题讨论】：

标签： button google-maps-api-3

【解决方案1】：

你的点击函数是否被调用了？看起来它是在单击图标而不是按钮时触发的。

更新：drawingManager 超出了您的 click 函数的范围。由于这些事件处理程序是页面初始化的一部分，因此我建议将它们移动到 initialize 函数中。

【讨论】：

认为可能是这种情况，所以我将 .btn > .icon-circle-blank 更改为 #circle 并在我的 html 中应用了 id。谷歌地图仍然没有给我任何东西
@LucasS 你能发布你的 html sn-p 吗？
jsfiddle.net/EHLXH 一切正常，除了字体真棒（但它对代码不是必需的）
@LucasS 查看我的更新答案。那应该解决这个问题。另外，请查看浏览器的开发工具以方便调试。