Component with Bing or Google Maps.
The code to generate the component is this:
<h2>Bing Maps</h2>
<div class="map" id="map-bing" data-type="bing" data-lat="-22.951935743900993" data-lon="-43.210487202986116" data-title="Cristo Redentor" data-address="Alto da Boa Vista, Rio de Janeiro - RJ" style="height:300px;"></div>
<h2 class="mt-5">Google Maps</h2>
<div class="map" id="map-google" data-type="google" data-lat="-22.951935743900993" data-lon="-43.210487202986116" data-title="Cristo Redentor" data-address="Alto da Boa Vista, Rio de Janeiro - RJ" style="width:100%; height:350px;"></div>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyASXtG-XKRKSquXyFo99LUF6PITtijlxsI"></script>
<script src="https://www.bing.com/api/maps/mapcontrol?key=AvHQ4hEFIjfYDtcqurSySk9gRHwgGfGjoYI6NXZIOsAlhV3PT0BnkRkY9nHUweBw"></script>
For google you need key and enable google maps in your project. Follow documentation bellow: