title: How to put a border around a google map
body: <p>How to put a border around a google map? I have used:</p>
  
  <pre><code>mapcanvas.style.style='border:10px solid #0b0';
  </code></pre>
  
  <p>Is this correct? I am new to Google maps.</p>
  
  <p>I think I have found the reason for it not displaying but can any one have a look and let me know the correct format.</p>
  
  <pre><code>&lt;section id="wrapper"&gt;
  Click the allow button on the top of the page to let the browser find your location.
  &lt;script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"&gt;&lt;/script&gt;
  &lt;article&gt;
  &lt;/article&gt;
  &lt;script&gt;
  function initialize() {
    var mapOptions = {
      zoom: 12,
      center: new google.maps.LatLng(-28.643387, 153.612224),
      mapTypeId: google.maps.MapTypeId.ROADMAP,
      mapTypeControl: true,
      mapTypeControlOptions: {
          style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
          position: google.maps.ControlPosition.BOTTOM_CENTER
      },
      panControl: true,
      panControlOptions: {
          position: google.maps.ControlPosition.TOP_RIGHT
      },
      zoomControl: true,
      zoomControlOptions: {
          style: google.maps.ZoomControlStyle.LARGE,
          position: google.maps.ControlPosition.LEFT_CENTER
      },
      scaleControl: true,
      scaleControlOptions: {
          position: google.maps.ControlPosition.TOP_LEFT
      },
      streetViewControl: true,
      streetViewControlOptions: {
          position: google.maps.ControlPosition.LEFT_TOP
      }
    }
    var map = new google.maps.Map(document.getElementById("map-canvas"),
        mapOptions);
  }
  function success(position) {
    var mapcanvas = document.createElement('div');
    mapcanvas.id = 'mapcontainer';
    mapcanvas.style.height = '250px';
    mapcanvas.style.width = 'auto';
    mapcanvas.style.style='border:10px solid #0b0';
    document.querySelector('article').appendChild(mapcanvas);
    var coords = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
    var options = {
      zoom: 15,
      center: coords,
      mapTypeControl: true,
      navigationControlOptions: {
          style: google.maps.NavigationControlStyle.SMALL
      },
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("mapcontainer"), options);
    var marker = new google.maps.Marker({
        position: coords,
        map: map,
        title:"You are here!"
    });
  }
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(success);
  } else {
    error('Geo Location is not supported');
  }
  &lt;/script&gt;
  &lt;/section&gt;
  </code></pre>