title: bing maps responsive design
body: <p>Before anyone jumps on me for an answer to my question that already exists, please read the rest of my question and tell me how to handle this.</p>
  
  <p>There is already a question asked (<a href="https://stackoverflow.com/questions/18905546/making-the-bing-map-api-map-responsive">Making the Bing Map API Map responsive</a>) that contains what is marked as an answer except the answer doesn't work.</p>
  
  <p>The problem?  In addition to some other issues (Google vs. Bing, a full listing of the javascript implementation, etc.) the answer includes  a variable called listingsW that does not exist anywhere in the answer or the question.</p>
  
  <p>Does anyone have a working example (complete) for either Bing or Google?</p>
  
  <p>Thanks in advance!</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(window).resize(function () {
  var screenH = $(document).height();
  var screenW = $(document).width();
  $('#map-canvas').css({
      width: screenW - listingsW,
  })
   google.maps.event.trigger(map, 'resize');
  
  });</code></pre>
  </div>
  </div>
  </p>