Javascript 如何在谷歌地图api v3上添加切换按钮？

我找到了库：它被写入APIv2并允许添加按钮。如何使用切换按钮在api v3中添加标记？我已启动映射等。

您可以向映射添加任意结构化的

：

var control = document.createElement('div'); 

将侦听器添加到此控件或其子控件，例如：

google.maps.event.addDomListener(control, 'click', function() {...}); 

您可以在地图上定位控件：

control.index = 1;   
map.controls[google.maps.ControlPosition.TOP_RIGHT].push(control);  

有关详细信息，请参阅：

---

您可以将任意结构化的

添加到地图：

var control = document.createElement('div'); 

将侦听器添加到此控件或其子控件，例如：

google.maps.event.addDomListener(control, 'click', function() {...}); 

您可以在地图上定位控件：

control.index = 1;   
map.controls[google.maps.ControlPosition.TOP_RIGHT].push(control);  

有关详细信息，请参阅：

---

我认为您根本不需要在地图中添加任何侦听器。只需将其添加到自定义控件中的HTML元素

您当然希望通过自定义控件将自定义徽标、按钮和版权添加到谷歌地图。否则，它们可能无法正确渲染，尤其是在移动设备上

我发现这位官员相当复杂，我永远记不起职位的选择。因此，我创建了一个名为CONTROL-JS的库，它允许您简单地将自定义内容创建为字符串，例如，

var html=“Hi”

，然后将其传递给名为

CONTROL

的对象，其中每个位置都是一个方法（IDE intellisense提醒您可能的位置）

因此，在您的情况下，unsing CONTROL-JS只需

var html = '<p id="control-text"> Zoom </p>'

//Global method that is fired when the API is loaded and ready
function initMap () {
    map = new google.maps.Map(document.getElementById("map"), mapOptions);
    //intelleSense/Auto-complete works on IDE's
    control.topCenter.add(html);
};

---

我认为你根本不需要在地图上添加任何侦听器。只需将其添加到自定义控件中的HTML元素

您当然希望通过自定义控件将自定义徽标、按钮和版权添加到谷歌地图。否则，它们可能无法正确渲染，尤其是在移动设备上

我发现这位官员相当复杂，我永远记不起职位的选择。因此，我创建了一个名为CONTROL-JS的库，它允许您简单地将自定义内容创建为字符串，例如，

var html=“Hi”

，然后将其传递给名为

CONTROL

的对象，其中每个位置都是一个方法（IDE intellisense提醒您可能的位置）

因此，在您的情况下，unsing CONTROL-JS只需

var html = '<p id="control-text"> Zoom </p>'

//Global method that is fired when the API is loaded and ready
function initMap () {
    map = new google.maps.Map(document.getElementById("map"), mapOptions);
    //intelleSense/Auto-complete works on IDE's
    control.topCenter.add(html);
};

---

当我将其与切换jQuery元素结合使用时，在再次显示jQuery/jqlite元素后，自定义控件将消失。仅在缩放时再次显示。目前还没有解决方法。当我将其与切换jQuery元素结合使用时，在再次显示jQuery/jqlite元素后，自定义控件将消失。仅在缩放时再次显示。目前还没有工作。