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