0

I want to style the markers to be circular and stroked.

The icons I use are pictures of users 

    for (var t = 0, llen = dub.length; t < llen; t++) {

        marker[t] = new google.maps.Marker({
          position: new google.maps.LatLng(dub[t]['lat'], dub[t]['long']),
          map: map,
          icon: dub[t]['m_avatar'],     //member pic
          title: dub[t]['title'],   //member name
          member_id: dub[t]['m_id']     //member ID
         // animation: google.maps.Animation.DROP //add BOUNCE on hover
        });
}

right now it shows the images, I wish to make them circular and give them a stroke .

This is how I want the markers to appear

enter image description here

Angad Dubey
  • 5,067
  • 7
  • 30
  • 51
  • Did you check the [documentation about Marker images](https://developers.google.com/maps/documentation/javascript/markers#icons)? – MrUpsidown Feb 21 '14 at 16:34
  • Not sure if this will help but check this link out http://stackoverflow.com/questions/15180724/can-a-google-map-marker-show-a-circular-version-of-a-square-custom-image-as-the – manu79 Feb 21 '14 at 16:40
  • @manu79 That is exactly what I was looking for. I think adding another transparent icon over the image would solve the problem. – Angad Dubey Feb 21 '14 at 16:42

0 Answers0