Google Maps API v3의 마커 제거 JS

-2

이 코드는 javascript와 html로되어 있습니다. 모든 것이 완벽하게 작동하지만 Google지도에서 마커를 제거하기 위해 여러 가지 방법을 시도했습니다. 도와주세요, 고마워요!Google Maps API v3의 마커 제거 JS

<script type="text/javascript"> 
    function initialize() { 
    var markers = [ 
     { 
      "title": 'ABC', 
      "lat": '19.1759668', 
      "lng": '72.79504659999998', 
      "description": 'ZXVZXV' 
     }, 
     { 
      "title": 'ASDASD', 
      "lat": '19.0883595', 
      "lng": '72.82652380000002', 
      "description": 'ZXVZXA.' 
     }, 
     ]; 
    var map = new google.maps.Map(document.getElementById('map'), { 
     zoom: 25, 
     center: new google.maps.LatLng(19.1759668, 72.79504659999998), 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
     zoomControl: true, 
     mapTypeId: 'satellite' 
    }); 
    for (var i = 0; i < markers.length; i++) { 
     var data = markers[i]; 
     var myLatlng = new google.maps.LatLng(data.lat, data.lng); 
     var marker = new google.maps.Marker({ 
      position: myLatlng, 
      map: map, 
      title: data.title, 
     }); 

    } 
    } 
    google.maps.event.addDomListener(window, 'load', initialize);

출처

2017-01-31 Do Thanh Dat

어떻게 마커를 제거하려고합니까? 마커를 표시하지 않으려면 맵에 추가하지 마십시오. 마커 및/또는 메커니즘을 제거하여 설명하지 않은 이유가 있다고 가정합니다. 우리. 작동하지 않을 것으로 생각했던 것을 보여주는 [mcve]를 제공하십시오. – geocodezip

지도에 표시/숨기기 버튼을 추가하고 싶습니다. 그러나 나는 여러 가지 방법을 시도하고 작동하지 않았다. –

당신은 마커 당신은 hideMarkers 전화 또는 두 개의 버튼이 필요 설정 null 또는 설정지도

<script type="text/javascript"> 

    var markersObj = []; 
    var map; 

    function initialize() { 
    var markers = [ 
     { 
      "title": 'ABC', 
      "lat": '19.1759668', 
      "lng": '72.79504659999998', 
      "description": 'ZXVZXV' 
     }, 
     { 
      "title": 'ASDASD', 
      "lat": '19.0883595', 
      "lng": '72.82652380000002', 
      "description": 'ZXVZXA.' 
     }, 
     ]; 
    map = new google.maps.Map(document.getElementById('map'), { 
     zoom: 25, 
     center: new google.maps.LatLng(19.1759668, 72.79504659999998), 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
     zoomControl: true, 
     mapTypeId: 'satellite' 
    }); 
    for (var i = 0; i < markers.length; i++) { 
     var data = markers[i]; 
     var myLatlng = new google.maps.LatLng(data.lat, data.lng); 
     var marker = new google.maps.Marker({ 
      position: myLatlng, 
      map: map, 
      title: data.title, 
     }); 

     markersObj.push(marker); 

    } 
    } 
    google.maps.event.addDomListener(window, 'load', initialize); 


    function hideMarkers() { 
     nElem = markersObj.length 
     for (i=0; i< nElem; i++){ 
     markersObj[i].setMap(null); 
     } 

    } 


    function showMarkers() { 
     nElem = markersObj.length 
     for (i=0; i< nElem; i++){ 
     markersObj[i].setMap(map); 
     } 

    } 


    ....

에 대한 루프 내부에 다음 개체를 저장 markersObject 예를 들어 markersObj의 상단 창 배열을 사용할 수 있습니다 showMarkers 각각

출처

2017-01-31 15:10:06 scaisEdge

Google Maps API v3의 마커 제거 JS

답변

관련 문제