title: Adding red marker to Google Maps
body: <p>I'm using the below code to generate a Google Map for the footer navigation of my website and would like to add a red pin to its lat/long but can't seem to figure it out. This method of adding the Google Map seems to strip the red marker and also provides a nicer, more elegant UI as opposed to the default one as per the Google Maps page.</p>
  
  <p>The HTML</p>
  
  <pre><code>&lt;div id="googleMap" style="width:295px;height:210px;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>The Javascript</p>
  
  <pre><code>    &lt;!-- Script for Google Maps UI --&gt;
      &lt;script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&amp;sensor=false"&gt;&lt;/script&gt;
  
      &lt;script&gt;
      function initialize()
      {
        var mapProp = {
          center: new google.maps.LatLng(32.790320,-117.099955),
          zoom:12,
          disableDefaultUI:false,    
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);
      }
      google.maps.event.addDomListener(window, 'load', initialize);
      &lt;/script&gt;
  </code></pre>
  
  <p>See here for live example of map: <a href="http://web.n8geeks.com/" rel="nofollow">http://web.n8geeks.com/</a></p>