angularjs - Create dynamic marker icons on angular google maps -
i using angular-google-maps show markers on map. in web app show around 200 markers numbered 1-200. should this:
now seems me wrong way create 200 pictures different numbers in them, thinking having 1 picture white space , have <div/> gets me number in there. however, utterly stuck , cannot find solution on web.
my html code display markers looks this:
<ui-gmap-markers models="selectedcar.checkpoints"                  coords="'location'"                  idkey="'id'"                  icon="'icon'"> </ui-gmap-markers> 
you set label in marker options:
options: {   icon:'http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m1.png',   labelcontent: "number here",   labelclass: "clusterlabel",   labelanchor: "30 34" } then you'll this
http://angular-ui.github.io/angular-google-maps/#!/api/marker see api->marker->options


Comments
Post a Comment