只需點擊一個圓點 - Google Maps Api - Cartodb

Question

當用戶點擊點（Cartodb圖層）時，我只想繪製一個圓圈（Google.Maps.Circle），也許最後繪製的圓圈可能會自動刪除。這是我的代碼：

//CARTODB layer 
     var cartoLayer = cartodb.createLayer(map, { 
     user_name: 'username', 
     type: 'namedmap', 
     named_map: { 
     name: "namemap", 
     layers: [{ 
     layer_name: "t", 
     interactivity: "cartodb_id, name, coordinateuncertaintyinmeters, class" 
     }] 
     } 
     }); 
     cartoLayer.addTo(map) 
     .done(function(layer) { 
      layer.getSubLayer(0).setInteraction(true); 
      layer.setZIndex(9); 

     // on mouseover 
      layer.getSubLayer(0).on('featureOver', function(e, pos, pixel, data) { 
     // print data to console log 
      console.log("Event #" + data.cartodb_id + ", Name " + data.name + ", Clase: " + data.class+ ",Incertidumbre(m.) " + data.coordinateuncertaintyinmeters); 
      }); 

     layer.on('featureClick', function(e, latlng, pos, data) { 

       //DRAW A CIRCLE WHEN CLICK ON ONE POINT 

         circle = L.circle(latlng, data.coordinateuncertaintyinmeters, { 
         color: 'red', 
         fillColor: '#f03', 
         fillOpacity: 0.5 
        }).addTo(map); 
      }); 
     // show infowindows on click 
     cdb.vis.Vis.addInfowindow(map, layer.getSubLayer(0), ['cartodb_id','name', 'coordinateuncertaintyinmeters', 'class']); 
     }); 

非常感謝！

Answer 1

很難理解你的問題是什麼......當用戶點擊地圖時，你需要幫助刪除現有的圈子嗎？我認爲是這樣。應該是一個簡單的解決方法 - 只是聲明瞭一個「圓圈」 var和if語句添加：

layer.on('featureClick', function(e, latlng, pos, data) { 

     //DECLARE VAR HERE 
     var circle = L.circle(latlng, data.coordinateuncertaintyinmeters, {color: 'red', fillColor: '#f03', fillOpacity: 0.5}); 

     //ADD THIS IF STATEMENT 
     if (circle){ 
     map.removeLayer(circle); 
     } 
     else{ 
     circle.addTo(map); 
     }; 
     }); 

好吧，無論如何，不​​知道這是你想要什麼，但希望它幫助。