2010-12-06 3 views
1

мне нужно показать маркер, если флажок и скрыть, если ее не проверилGoogle Maps переключать маркеры

function initialize() { 
    //map 
    var UCM = new google.maps.LatLng(37.366572, -120.424876); 
    var myOptions = { 
     zoom : 13, 
     center : UCM, 
     mapTypeId : google.maps.MapTypeId.ROADMAP 
    }; 
    //streetview 
    var panoramaOptions = { 
     position : UCM, 
     pov : { 
      heading : 0, 
      pitch : 0, 
      zoom : 0 
     } 
    }; 
    var panorama = new google.maps.StreetViewPanorama(document 
      .getElementById("pano"), panoramaOptions); 
    var map = new google.maps.Map(document.getElementById("map_canvas"), 
      myOptions); 
    map.setStreetView(panorama); 
    //bus stops 

    var GLaps = new google.maps.LatLng(37.315284, -120.505021); 

    var infowindow = new google.maps.InfoWindow(
      { 
       content : '<br>GRANVILLE LUXURY APARTMENTS </br>' + '<br><b><FONT COLOR="#0000FF">C1 BLUE LINE</FONT></b>:(AM) 6:45, 8:05, 9:25, 10:45; (PM)12:05, 1:25, 2:45, 4:05, 5:25, 6:45, 8:05</br>' + '<br><b><FONT COLOR="cccc00">C1 GOLD LINE</FONT></b>: (AM) 7:25, 8:45, 10:05, 11:25; (PM) 12:45, 2:05, 3:25, 4:45, 6:05, 7:25, 8:45, 10:05</br>' 
      }); 
    var marker = new google.maps.Marker({ 
     position : GLaps, 
     draggable : false, 
     map : map, 
     title : 'Granville Luxury Apartments Departure Times', 
     clickable : true 
    }); 
    google.maps.event.addListener(marker, 'click', function() { 
     infowindow.open(map, marker); 
    }); 
} 
+0

Используйте инструменты для форматирования кода! – ScottE 2010-12-06 01:04:19

+0

Исправлено форматирование кода, но я все еще не уверен, в чем вопрос. – Hamish 2010-12-06 01:25:20

ответ

0

Вы можете использовать некоторые jquery. Сценарий добавления/скрытия google ниже - это просто идея, и я не думаю, что она работает.

$("#mycheckbox").click(function(){ 
    if ($(this).is(":checked")){ 
     //add marker 
     marker = new google.maps.Marker({ 
       position: location, 
       map: map 
      }); 
    } 
    else{ 
     //hide 
     marker.setMap(null); 
    } 
});