Using this package: https://our.umbraco.com/packages/backoffice-extensions/ourumbracogmaps-google-maps-for-umbraco-8/

How do we render the map on the front end?

In the back office, i've selected the location and can see it on the map. That all works well. I can get the values e.g. Lat & Long but not sure how to render the map.

    @if (item.Office != null)
            {
                var gmap = item.Office;
                <div>@gmap.Address.Coordinates</div>
                <div id="map"></div>
            }

Any advice appreciated.