title: Google maps add rectangular border to custom marker
body: <p>I am new to google maps api,</p>
  
  <p>I have tried with multiple markers with info windows added successfully 
  and now i want to add the border to the particular custom marker,
  i am struggling for a custom marker with border </p>
  
  <p>this is the jsfiddle link : <a href="http://jsfiddle.net/jalbertbowdenii/pGBZD/" rel="nofollow">http://jsfiddle.net/jalbertbowdenii/pGBZD/</a></p>
  
  <p>and this my code edited : </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt; 
  &lt;head&gt; 
  &lt;meta http-equiv="content-type" content="text/html; charset=UTF-8" /&gt; 
  &lt;title&gt;Google Maps Multiple Markers&lt;/title&gt; 
  &lt;script src="http://maps.google.com/maps/api/js?sensor=false"  type="text/javascript"&gt;&lt;/script&gt;
  
  &lt;/head&gt; 
  
  &lt;body&gt;
  &lt;div id="map" style="width: 1500px; height: 1400px;"&gt;&lt;/div&gt;
  
    &lt;script type="text/javascript"&gt;
  
      var locations = [
                              ['STHOWBGA01_ATIF_RNID_L015',24.31026,93.56268],
                              ['SWKHMRID01_BILF_RNID_L039',25.65182,91.62737],
                              ['SMOKZUNB01_GTLF_RNID_L006',26.019,94.53],
                              ['SDIMSGRN01_ATCF_RNID_L023',25.8271,93.6853],
                              ['SKOHKRMA01_BILF_RNID_L010',25.5815,94.21959],
                              ['SMOKANGB01_BILF_RNID_L001',26.214,94.6876],
                              ['SDIMDIM087_ATIF_TTID_L026',25.8939,93.7602],
                              ['SWKHLYNKI1_GTLF_RNID_L061',25.5041,91.6109],
                              ['SIMWIMP109_ATCF_TTOD_L047',24.83982,93.97707],
                              ['SDIMZLUKI2_ATCF_RNID_L017',25.63998,93.66512],
                              ['GWTRTLMUR5_BILF_RNOD_L039',23.841,91.6202],
                              ['GWTRKLBRI1_BILF_RNOD_L017',23.50866,91.26185],
                              ['GWTRBXNGR1_BILF_RNOD_L033',23.61268,91.17243],
                              ['GWTRAGR101_BILF_TTOD_L055',23.8655,91.25584],
                              ['GWTRBIS007_BILF_RNOD_L022',23.6785,91.2963],
                              ['GWTRGOK004_BILF_RNOD_L023',23.70692,91.27397],
                              ['GWTRBLWBN1_BILF_RNOD_L038',24.0179,91.4529],
                              ['SJOWKHL007_ATIF_RNOD_L012',25.35197,92.3723],
                              ['TTINNMSAI4_VIOF_RNID_L011',27.66616,95.87926],
                              ['SIMWUKHRL5_VIOF_RNID_L061',25.12267,94.36558],
                              ['SDIMZLUKI3_BILF_RNOD_L035',25.63658,93.64943]
  
              ];
  
  
      var map = new google.maps.Map(document.getElementById('map'), {
        zoom: 8,
        center: new google.maps.LatLng(24.83982,93.97707),
        mapTypeId: google.maps.MapTypeId.ROADMAP
      });
  
      var infowindow = new google.maps.InfoWindow();
  
      var marker, i;
  
      for (i = 0; i &lt; locations.length; i++) {  
        marker = new google.maps.Marker({
          position: new google.maps.LatLng(locations[i][1], locations[i][2]),
          map: map
        });
  
        google.maps.event.addListener(marker, 'click', (function(marker, i) {
          return function() {
            infowindow.setContent(locations[i][0]);
            infowindow.open(map, marker);
          }
        })(marker, i));
      }
  
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt; 
  </code></pre>
  
  <p>And now for the Customer marker center (lat,long) i have  to add the rectangular box and marker init.</p>
  
  <pre><code>   ------------
     |          |
     |  marker  |
     |          |
     ------------
  </code></pre>
  
  <p>i dont have that much reputation to add images of google maps, </p>
  
  <p>so please observe the above sample diagram with marker init and border with rectangular box.</p>
  
  <p><strong>please let me know the how to add the rectangular box to the custom marker</strong></p>
  
  <p>And now i am trying to plot the custom marker i.e.. center lat long with border ,</p>
  
  <p>i am struggling to add a border to a particular custome marker and done lots of google in google api library also , this is the link : </p>
  
  <p><a href="https://developers.google.com/maps/documentation/javascript/reference#MarkerOptions" rel="nofollow">https://developers.google.com/maps/documentation/javascript/reference#MarkerOptions</a></p>
  
  <p>please help..</p>
  
  <p>Thanks...</p>