title: Customising Google Map marker
body: <p>I'm using some code i got from Codepen for placing some pointers on a Goole map.</p>
  
  <p>It's currently using the default markers but id like to change them to my own ones, but i'm not really sure where to updated the code for this. Any examples would be very much appreciated</p>
  
  <p>Here is the the code - <a href="http://jsfiddle.net/MSLRr/" rel="nofollow">http://jsfiddle.net/MSLRr/</a></p>
  
  <p>Each pointer is placed by this code:</p>
  
  <pre><code>var data = [ // map data
        {
          'id':1,
          'content':'Hello my name is marker, I\'m from Google',
           'position': {
            'lat':55.86423,
           'lng':-4.251
           }
        },
        {
          'id':2,
          'content':'I am the content of this infobox. Wow, what a text.&lt;br&gt;&lt;br&gt;&lt;a href="#"&gt;The good thing is: Tags are also possible&lt;/a&gt;',
          'position': {
            'lat':55.874,
            'lng':-4.25
           }
        },
      ]
  </code></pre>