Google Map API v3 : Custom Markers with Bubble, Pins, Text etc…


https://developers.google.com/chart/infographics/docs/dynamic_icons#bubbles

Example:

var callmarker = new google.maps.Marker({
‘position’: new google.maps.LatLng(latitude, longitude),
‘map’: map,
‘scaleControl’: true,
‘icon’: ‘https://chart.googleapis.com/chart?chst=d_bubble_text_small&chld=bb|’ + callnumber + ‘|’ + hex.replace(‘#’, ”) + ‘|000000’,
‘clickable’: true

});

Example for icon

chst=d_bubble_text_small&chld=bb|Launch+site|C6EF8C|000000

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s