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:

pic 15

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

l

http://angular-ui.github.io/angular-google-maps/#!/api/marker see api->marker->options


Comments

Popular posts from this blog

java - UnknownEntityTypeException: Unable to locate persister (Hibernate 5.0) -

python - ValueError: empty vocabulary; perhaps the documents only contain stop words -

ubuntu - collect2: fatal error: ld terminated with signal 9 [Killed] -