如何为gmap3功能添加点击功能?

时间:2014-05-18 07:48:33

标签: javascript marker jquery-gmap3

我正在使用gmap 3绘制地图。我需要在标记上启用点击功能。 我正在使用以下代码

var contact = {"lat":"26.207293", "lon":"50.583730"}; //Change a map coordinate here!
  try {
    var mapContainer = $('.map');
    mapContainer.gmap3({
      action: 'addMarker',
      marker:{
        options:{
          icon : new google.maps.MarkerImage('img/assets/marker.png')
        }
      },
      latLng: [contact.lat, contact.lon],
      map:{
        center: [contact.lat, contact.lon],
        zoom: 14
        },
      },
      {action: 'setOptions', args:[{scrollwheel:false}]}
    );
  } catch(err) {

  }

我试过这个。甚至功能。也不用担心。

events:{
              click:function(){
                alert("I'm the last one, and i have my own click event");
              }

1 个答案:

答案 0 :(得分:1)

我已尝试过您的代码,并更改了一些内容。这有效:

var contact = {"lat":"26.207293", "lon":"50.583730"}; //Change a map coordinate here!
$("#my_map").gmap3({
  marker:{
    values: [[contact.lat, contact.lon]],
    options: {
      draggable: false
    },
    events:{
      click: function() {
        alert('bla');
      }
    }
  },
  map: {
    options: {
      center: [contact.lat, contact.lon],
      zoom: 14
    }
  }
});

演示: http://jsfiddle.net/aJuBZ/