title: google maps example - marker show/hide not reflected on the map immediately
body: <p>I'm debugging vanilla example from google website:
  <a href="https://developers.google.com/maps/documentation/javascript/examples/marker-remove#try-it-yourself" rel="nofollow noreferrer">https://developers.google.com/maps/documentation/javascript/examples/marker-remove#try-it-yourself</a></p>
  
  <p>JSFiddle available here: <a href="https://jsfiddle.net/esxq8agk/" rel="nofollow noreferrer">https://jsfiddle.net/esxq8agk/</a></p>
  
  <p>Screenshot here: <a href="https://imgur.com/2JJERhr" rel="nofollow noreferrer">https://imgur.com/2JJERhr</a></p>
  
  <p>Now I set 2 breakpoints:</p>
  
  <pre><code>'setMapOnAll(null)' line 108 
  
  'setMapOnAll(map)' line 113
  </code></pre>
  
  <p>Then I start debugging using Google Chrome menu -> More tools -> Developer Tools. On 'Hide Markers' click and 'Step over next function call' changes on the map are reflected immediately - red marker disappears from the map. </p>
  
  <p>On 'Show Markers' click and 'Step over next function call' nothing happens. I can keep clicking 'Step over next function all' for a good while and still nothing happens. Red marker only shows back up when I click 'Resume script execution'.</p>
  
  <p>Is that a bug? Is there any explanation for this behavior?</p>