title: How to enable zoom in and out using mouse scroll in embedded map in html?
body: <p>I have added an embedded map in a html page. code for it is as bellow </p>
  
  <pre><code>&lt;iframe width="100%" height="300" frameborder="0" scrolling="yes" marginheight="0" marginwidth="0" src="https://maps.google.co.in/maps?f=q&amp;amp;source=s_q&amp;amp;hl=en&amp;amp;geocode=+&amp;amp;q=anaveer+info+media&amp;amp;ie=UTF8&amp;amp;hq=anaveer+info+media&amp;amp;hnear=Ahmedabad,+Gujarat&amp;amp;ll=23.036523,72.560641&amp;amp;spn=0.011078,0.021136&amp;amp;t=m&amp;amp;z=19&amp;amp;iwloc=A&amp;amp;cid=8621019355742313992&amp;amp;output=embed" align="middle"&gt;&lt;/iframe&gt;&lt;br /&gt;
  </code></pre>
  
  <p>I have one problem that this map is not getting zoom in and out on mouse scroll. can any one have solution for that </p>