在谷歌地图上放置一个按钮

Mar*_*lul 13 google-maps overlay button

我想在Map,Satelite和Hybrid按钮旁边的Google Map上添加一个按钮.

我想知道它是否可能以及如何才能做到最好?

所以我的想法是在google地图上覆盖一个可点击的图像,但不确定是否会将所有事件从谷歌地图上移除.

你有什么想法可以做到吗?

Mar*_*son 6

接受的答案来自2009年(5年前),并链接到已弃用的Google Maps API版本.

在搜索同样的问题时,我发现了这个示例:https://developers.google.com/maps/documentation/javascript/examples/control-custom

// Create the DIV to hold the control and
// call the HomeControl() constructor passing
// in this DIV.
var homeControlDiv = document.createElement('div');
var homeControl = new HomeControl(homeControlDiv, map);

homeControlDiv.index = 1;
map.controls[google.maps.ControlPosition.TOP_RIGHT].push(homeControlDiv);
Run Code Online (Sandbox Code Playgroud)


Red*_*ing 2

这里有关于如何执行此操作的很好的描述。

我非常确定您可以将这些按钮设计得像标准按钮,并且绝对可以将其固定在右上角。当我有机会时,我会尝试一下并更新我的结果。

更新:

我有机会尝试一下,效果很好:

基本上,您最终会使用 GControl 或仅使用 DIV 在地图上的绝对定位来实现按钮(如ChrisB建议的那样)执行非常类似的操作。所以我认为没有正确的(或更简单的)方法,这只是个人喜好的问题。祝你好运。

  • 上面的链接适用于 **v2**,目前已弃用(当前版本是 **v3**)。现在可以在此处找到同一主题的相关链接:https://developers.google.com/maps/documentation/javascript/controls#CustomExample (5认同)