HTML:
<ya-template-layout ya-key="squareLayout"> <div class="placemark_layout_container"><div class="square_layout">$</div></div> </ya-template-layout> <ya-template-layout ya-key="circleLayout"> <div class="placemark_layout_container"><div class="circle_layout">#</div></div> </ya-template-layout> <ya-template-layout ya-key="polygonLayout"> <div class="placemark_layout_container"><div class="polygon_layout">!</div></div> </ya-template-layout> <ya-map ya-zoom="10" ya-center="[37.6, 55.7]" ya-controls=""> <ya-geo-object ya-source="geoObjects[0]" ya-options="{iconLayout: 'squareLayout',iconShape: {type: 'Rectangle',coordinates: [[-25, -25], [25, 25]]}}"></ya-geo-object> <ya-geo-object ya-source="geoObjects[1]" ya-options="{iconLayout: 'circleLayout',iconShape: {type: 'Circle',coordinates: [0,0], radius:25}}"></ya-geo-object> <ya-geo-object ya-source="geoObjects[2]" ya-options="{iconLayout: 'polygonLayout',iconShape: {type: 'Polygon',coordinates: [[[-28,-76],[28,-76],[28,-20],[12,-20],[0,-4],[-12,-20],[-28,-20]]]}}"></ya-geo-object> </ya-map>
javascript:
$scope.geoObjects=[ { geometry:{ type:'Point', coordinates:[37.682145,55.725118] }, properties:{ hintContent: 'Метка с прямоугольным HTML макетом' } },{ geometry:{ type:'Point', coordinates:[37.605584,55.783202] }, properties:{ hintContent: 'Метка с круглым HTML макетом' } },{ geometry:{ type:'Point', coordinates:[37.558416,55.662693] }, properties:{ hintContent: 'HTML метка сложной формы' } } ];