title: scaleControl not displaying correctly in .net
body: <p>I am trying to include a scaleControl on a Google Map running in a WebBrowser control in WPF.</p>
  
  <p>Everything works fine, except when I try to enable the scaleControl. It displays as a white box. (see below)</p>
  
  <p>I am initializing the map as follows:</p>
  
  <pre><code>var myOptions =
          {
              zoom: 2,
              center: latlng,
              mapTypeId: google.maps.MapTypeId.ROADMAP,
              scaleControl: true
          };
  map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  </code></pre>
  
  <p>If you click the white rectangle, it changes size (as expected when changing units). A screenshot of the rectangle is below. </p>
  
  <p><img src="https://i.stack.imgur.com/82SKR.png" alt="enter image description here"></p>
  
  <p>I believe this issue might be related to the fact I am using the map in a WPF WebBrowser element. As I have seen this issue somewhere else and that was also using WPF.</p>
  
  <p>Any ideas on how to correctly display this scaleControl?</p>
  
  <p><strong>UPDATE:</strong></p>
  
  <p>From DormantOden's answer, I have managed to fix my issue and get the ScaleControl to work.</p>
  
  <p>I went into the registry and added the following values: </p>
  
  <p>HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Internet Explorer\MAIN\FeatureControl\FEATURE_BROWSER_EMULATION\"MY APP NAME".exe</p>
  
  <p>&amp;</p>
  
  <p>HKEY_LOCAL_MACHINE\SOFTWARE\Wow6432Node\Microsoft\Internet Explorer\MAIN\FeatureControl\FEATURE_BROWSER_EMULATION\"MY APP NAME".exe</p>
  
  <p>I set the value to 0x2AF7, which according to <a href="http://weblog.west-wind.com/posts/2011/May/21/Web-Browser-Control-Specifying-the-IE-Version" rel="nofollow noreferrer">DormantOden's link</a>, causes the WebBrowser control to run as IE10 instead of IE7.</p>
  
  <p>The scaleControl now renders correctly</p>
  
  <p><img src="https://i.stack.imgur.com/evyYO.png" alt="enter image description here"></p>