将信息框添加到GoogleMaps?

时间:2017-01-12 13:15:20

标签: javascript google-maps infobox

我正在尝试将信息框添加到Google地图上的多个图钉上。

我已经让信息框在之前工作了 - JSfiddle

但我现在已将代码更改为包含下拉菜单。我试图再次添加信息框但它不起作用,我不明白为什么它没有。 JSfiddle。 我复制并粘贴了信息框的代码,检查了变量名称是否仍然匹配,并且代码的顺序相同。

以下代码是标记添加到地图的位置,我正在尝试添加信息框。 addMarker函数位于我的初始化函数中。并且var infowindow位于初始化函数之下。

function addMarker(feature) {
  var marker = new google.maps.Marker({
  position: feature.position,
  icon: feature.icon,
  map: map,
  size: 20,
  title: name,
  draggable: false, 
  //animation: google.maps.Animation.DROP
    });

   google.maps.event.addListener(marker, 'click', (function (marker) {return function () {
        var Infocontent = feature.desc;
        infowindow.setContent(Infocontent);
        infowindow.open(map, marker); //'mouseover'
      }
     })(marker));
    }




var infowindow = new google.maps.InfoWindow();

有人可以告诉我哪里出错了吗?

1 个答案:

答案 0 :(得分:1)

我刚刚通过创建一个新的小提琴来更新你的代码,现在它正在显示infowindow。我刚刚在监听器定义中移动了你的infowindow代码。 请检查

private void btnNumber_Click(object sender, EventArgs e)
{
    Button currentButton = sender as Button;
    InputOutputArea.Text += currentButton.Text;
}

JSFiddle