highlightedregion.html

<div class="control-section">
    <div style="width:300px;margin:0 auto;padding-bottom:10px">
        <img src="src/maps/images/atm.png" style="width:25px;height:25px;float:left">
        <div style="padding-left:30px;font-size:18px;font-weight:400;">ATM locations in Oklahoma, USA</div>
    </div> 
<div id="container"></div>
<div style="float: right; margin-right: 10px;">Source:
   <a href="https://www.google.co.in/maps/search/atm+in+oklahoma/@35.3864432,-98.2888719,8z/data=!3m1!4b1" target="_blank">www.google.co.in/maps</a>
</div>
</div>
<div id="action-description">
<p>
    This sample depicts the ATM populated areas in Oklahoma by highlighting the regions.
</p>
</div>
<div id="description">
<p>
  In this example, you can see how to highlight some specific region by rendering circles. Any custom HTML element can be used as a marker.
</p>
<br/>
<p style="font-weight: 500">Injecting Module</p>
<p>
  Maps component features are segregated into individual feature-wise modules. To use marker template, you need to inject <code>Marker</code> module using <code>Maps.Inject(Marker)</code> method.
</p>

</div>