2012-10-13 74 views
2

目前我正在使用jquery-ui-map插件。我遇到了一個問題。是否有可能通過這個插件的方式添加一個事件監聽器,它將在用戶點擊它的地圖上添加一個標記。發現一個Api of this plugin後,我想這代碼:jquery-ui-map在點擊事件上添加標記

$('#map_canvas') 
    .gmap() 
    .addEventListener('click',function(event, test){ 
     //console.log(event); 
    }); 

哪裏#map_canvas是包含我的地圖div元素。 此代碼確實添加了一個事件偵聽器,但該變量事件沒有.latLng屬性。我怎樣才能做到這一點?

回答

4

谷歌賦幫助了我。這是example

$('#map_canvas').gmap().bind('init', function(event, map) { 
    $(map).click(function(event) { 
     $('#map_canvas').gmap('addMarker', { 
      'position': event.latLng, 
      'draggable': true, 
      'bounds': false 
     }, function(map, marker) { 
      //do whatever you need with the maker utilizing this variable 
      marker.__gm_id 
     }); 
    }); 
}); 
0

嘗試像

$('#map_canvas').gmap().bind('init', function(ev, map) { 
    $('#map_canvas').gmap('addMarker', {'position': '57.7973333,12.0502107', 'bounds': true}).click(function() { 
     $('#map_canvas').gmap('openInfoWindow', {'content': 'Hello World!'}, this); 
    }); 
}) 

更多參考check this link

+2

您只需添加一個標記。但我需要一個事件監聽器,它會在用戶點擊地圖上放置一個標記。 – warmspringwinds