谷歌地图根据条件设置标记

时间:2014-10-24 15:36:06

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

我使用google maps api并执行某些任务我必须要条件(实际上是两个radibutton):

1。"手动输入地址" - 默认情况下,当用户打开页面时

2。"在地图上设置标记" - 第二个条件。

问题与第二个条件有关,如果用户点击第二个单选按钮,我想在地图上设置标记。

我已尝试使用以下代码,但它在initialize函数之外无效。 只有在选中第二个条件时,我才需要在地图上给用户机会设置标记。

有关详细信息,请查看THIS FIDDLE

google.maps.event.addListener(map, 'click', function(event){
var marker_position = event.latLng;   
marker = new google.maps.Marker({
                map: map,
                draggable: false
            }); 
marker.setPosition(marker_position);

2 个答案:

答案 0 :(得分:1)

您可以检查点击处理程序

中是否检查了广播
if($('#set-marker').is(':checked')) {
  //add marker
}

http://jsfiddle.net/qo7rfau6/

答案 1 :(得分:0)

请注意,您需要包含jquery库才能使以下代码正常工作。 添加对侦听器内单选按钮的检查

google.maps.event.addListener(map, 'click', function(event){
    // check if radio button is checked
    if ($('#set-marker').is(':checked')) {
        var marker_position = event.latLng;   
        marker = new google.maps.Marker({
            map: map,
            draggable: false
        }); 
       marker.setPosition(marker_position);
    }
})