google maps api

Question

如何使用jQuery将自定义控件添加到Google Maps v3中？

- Amit

---

什么样的控件？请提供更多细节... - Michal

就像地图类型选择控件一样，我想要使用自己的控件。 - Amit

Answer 1

您需要确保将自定义控件的元素绑定到您希望它们在地图上执行的功能，但是要使用jQuery添加自定义控件来操作DOM，请按照以下方式进行：

$(function () {
    var myOptions = {
        ...

        mapTypeControl: false
    }

    map = new google.maps.Map($mapDiv, myOptions);

    ...


    // Remove the custom control from the DOM to memory
    $control = $(".myControlSelector").detach();

    // Push the control to the top right position on the map
    map.controls[google.maps.ControlPosition.TOP_RIGHT].push($control[0]);
});

更多文档请查看这里：http://code.google.com/apis/maps/documentation/javascript/controls.html#CustomControls

（注：该链接为英文文档）

- lsuarez

---

应该是 var $control 吧？ - Odys

Answer 2

一个例子：使用jQuery Google Maps plugin添加标签过滤控制，参见底部的“Filter Markers Example”。

使用相同的jQuery插件制作的Android应用程序，可以在这里看到类似的示例here（有源代码，适用于手机/平板电脑/桌面电脑）。

- Libby