如何从googlemap addmarker()中提取id

时间:2016-09-28 17:25:02

标签: javascript jquery google-maps google-maps-api-3

我使用JQuery谷歌地图api并将一些制造商放在我的地图上。 这是像

这样的代码
$("#map").googleMap();
$("#map").addMarker({
    coords: [48.895651, 2.290569], // GPS coords
    url: 'http://www.tiloweb.com', // Link to redirect onclick (optional)
    id: 'marker1' // Unique ID for your marker
}).addClass("clickit");

现在,当我想使用像这样的onclick事件时,我遇到了如何在addMarker()方法中获取id:'marker1'的问题

$(".clickit").on('click', function(event) {
    //Get the id: 'marker1' here
  });

1 个答案:

答案 0 :(得分:1)

尝试将标记存储在全局变量中:

//global variable: 
var = markers[];  

//code: 
$("#map").googleMap();

//declare a local variable to store markers:
var marker = $("#map").addMarker({
    coords: [48.895651, 2.290569], // GPS coords
    url: 'http://www.tiloweb.com', // Link to redirect onclick (optional)
    id: 'marker1' // Unique ID for your marker
}).addClass("clickit");

//store local in a global variable: 
markers.push(marker);

然后,听听这个事件:

$(".clickit").on('click', function(event) {
   console.log(marker.id);

  });