Javascript 谷歌地图API V3,信息窗口点击打开

Javascript 谷歌地图API V3,信息窗口点击打开,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我一直在尝试在谷歌地图API上做一些工作 我试图实现的是,当您单击底部的html按钮时,它们会触发信息窗口的显示。我有点不确定infowindowopen函数应该放在哪里,我已经看过了其他示例,但它们在我下面得到的代码中似乎不起作用 到目前为止,我得到的是: jsfiddle: google.maps.event.addListener(标记,'click',函数(){ 信息窗口。打开(地图、标记); //初始位置+设置 var映射; 函数初始化(){ 变量myOptions={ disable

我一直在尝试在谷歌地图API上做一些工作

我试图实现的是,当您单击底部的html按钮时,它们会触发信息窗口的显示。我有点不确定infowindowopen函数应该放在哪里,我已经看过了其他示例,但它们在我下面得到的代码中似乎不起作用

到目前为止,我得到的是: jsfiddle:

google.maps.event.addListener(标记,'click',函数(){
信息窗口。打开(地图、标记);
//初始位置+设置
var映射;
函数初始化(){
变量myOptions={
disableDefaultUI:true,
缩放:16,
中心:新google.maps.LatLng(45.376187,-0.525799),
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map=new google.maps.map(document.getElementById('map\u canvas'),myOptions);
}
//地点
初始化();
变量位置=[
[你好,45.376187,-0.525799],
['2', 56.376187, -0.525799],
['3', 53.376187, -0.525799],
['4', 54.176187, -0.525799],
['5', 52.376187, -0.525799]
];
//信息窗口
var infowindow=new google.maps.infowindow();
var标记,i;
对于(i=0;i
  • 创建一个全局数组(“gmarkers”)
  • 把你的记号笔插进去
  • 使用google.maps.event.trigger(,“单击”)打开信息窗口

    $("#location-menu").on("click", "#location1", function() {
      google.maps.event.trigger(gmarkers[0], "click");
      var laLatLng = new google.maps.LatLng(45.376187, -0.525799);
      map.panTo(laLatLng);
    });
    

  • 创建一个全局数组(“gmarkers”)
  • 把你的记号笔插进去
  • 使用google.maps.event.trigger(,“单击”)打开信息窗口

    $("#location-menu").on("click", "#location1", function() {
      google.maps.event.trigger(gmarkers[0], "click");
      var laLatLng = new google.maps.LatLng(45.376187, -0.525799);
      map.panTo(laLatLng);
    });
    

   gmarkers.push(marker);
$("#location-menu").on("click", "#location1", function() {
  google.maps.event.trigger(gmarkers[0], "click");
  var laLatLng = new google.maps.LatLng(45.376187, -0.525799);
  map.panTo(laLatLng);
});