Google Maps

View more maps: JQV Maps , Leaflet Maps

There are many options available to display avatars such as square, radius, rounded... And many size options for avatars.

Basic Google Maps

Use the iframe and insert the google map link

                                                    
<div class="embed-responsive embed-responsive-21by9">
    <iframe class="embed-responsive-item" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyA0s1a7phLN0iaD6-UE7m4qP-z21pH0eSc&q=Eiffel+Tower+Paris+France" allowfullscreen></iframe>
</div>
                                                    
                                                
GreyScale Google Maps

Use the .map-greyscalse class and insert the google map link

                                                    
<div class="embed-responsive embed-responsive-21by9">
    <iframe class="embed-responsive-item map-greyscalse" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyA0s1a7phLN0iaD6-UE7m4qP-z21pH0eSc&q=Eiffel+Tower+Paris+France" width="600" height="450" style="border:0" allowfullscreen></iframe>
</div>