jQuery gmap3语法错误

Question

我正在使用jQuery插件gmap3。 我可以将多个标记添加到地图上，但是我试图给其中一个提供信息窗口时卡住了。

如果我删除注释“ //添加带有信息窗口的标记”下的代码，则会创建没有信息窗口的标记。 使用该代码，无法创建地图。

$('#test').gmap3(
  //create the map
  { action:'init'
  },

  //add a marker with info window
  { action: 'addInfoWindow',
    address: "London"
  },
  infowindow:{
    options:{
    content: 'This is London'
    },
    apply:[
        { action:'setContent',
            args:[
            '<span style="color:#000">Here is a new content !<span>'
            ]
        }   
    ]
    },

  //add a marker
  { action: 'addMarker',
    address: "Paris",
  },

  //add a marker
  { action: 'addMarker',
    address: "Madrid",
  }

  //autofit the map view
  ,
  "autofit"     

);

我认为这是一个语法问题，但是我完全陷入困境，因此非常感谢任何帮助。 谢谢

更新Ive使它与以下功能一起工作，但自动调整功能不起作用。

$('#test').gmap3({
  action: 'addMarker',
  address: "place de l'étoile, Paris",

  marker:{
    options:{
      draggable: false
    }
  },
  infowindow:{
    options:{
      content: 'Hello World !'
    },
    events:{
      closeclick: function(){
        alert("closing : " + $(this).attr("id")); 
      }
    }
  }
},

  //add a marker
  { action: 'addMarker',
    address: "London",
  },
      "autofit" 

);

Answer 1

您的json中有尾随逗号

即在地址：伦敦（您提到的评论下的第二行）

当它是javascript对象的最后一项时，请勿提供逗号

此外，infoWindow看起来放置不当。 应该将其放在花括号中，我想它可能属于函数调用的末尾，但是我对Gmap3 api不熟悉。

看一下API，似乎有更干净的方法来声明所有这些。 我会参考http://gmap3.net/api.html

看起来infoWindow属于动作：“ infoWindow”对象

就像是：

$('#test').gmap3(
  //create the map
  { 
    action:'init'
  },

  //add a marker with info window
  { 
    action: 'addInfoWindow',
    address: "London"
    infowindow:{
      options:{
        content: 'This is London'
      },
      apply:[
          { action:'setContent',
              args:[
              '<span style="color:#000">Here is a new content !<span>'
              ]
          }   
        ]
      }
  },

  //add a marker
  { 
    action: 'addMarker',
    address: "Paris"
  },

  //add a marker
  { 
    action: 'addMarker',
    address: "Madrid"
  }

  //autofit the map view
  ,
  "autofit"     

);

Answer 2

我认为gmap3的工作流程非常混乱，因此很容易产生一些语法错误^^

---

编辑：

但是，他们最好将这个库标记为“ beta”，直到他们没有解决一些主要问题（例如，自动调整功能，在自己的演示中也无法使用）。

使用多个标记“自动拟合”的主要问题是，您必须等待所有标记都应用到地图上。

因此，而不是重复调用的addMarker使用addMarkers并在回调应用“autofitting” addMarkers 。

由于autofit-option未能按预期工作，请使用google-API提供的可能性：从标记的位置创建LatLngBounds map.fitBounds()然后使用map.fitBounds()应用边界。

演示： http ： //jsfiddle.net/doktormolle/BQyXb/