如何在Google地图外移动对象？

Question

我想将zoomControl和panControl放在Google Map之外。有没有办法做到这一点？

有想法的人请分享。谢谢:)）

Answer 1

请勿尝试像这样操纵默认地图控件。

当然，你或许可以找到一种方法来破解它。但是当谷歌更新地图对象时，你的黑客攻击会破裂。

相反，如果您想在地图外部进行控制，则完全删除标准控件，然后在地图外创建自己的控件，并将它们与Maps API连接起来。

要删除平移和缩放控件，您可以在创建地图时在选项中使用此选项：

var mapOptions = {
    panControl: false,
    zoomControl: false,
    // your other options here
};

然后使用普通的HTML元素（如按钮）在页面上实现自己的控件。点击这些元素后，请致电panBy()，例如setZoom()或{{1}}，以实施其行动。

通过这种方式，您可以在地图外提供自己的控件，并确保在修改Maps API时它们会继续有效。

Answer 2

我认为唯一的方法是创建自己的缩放和面板设计。因为zoomControl和panControl包含在Google Map

中

Answer 3

是的，这是可能的。将你的边缘css放在你想移动的元素上并改变溢出：隐藏到溢出：通过js在所有帧div上可见。