html Google Map API

Posted 2021-05-11

<!--Google Maps-->
<script src="http://maps.google.com/maps/api/js"></script>

<script>
    function init_map() {
        var var_location = new google.maps.LatLng({{ site.google-map.lat }}, {{ site.google-map.long }});

        var var_mapoptions = {
            center: var_location,
            zoom: 14
        };

        var var_marker = new google.maps.Marker({
            position: var_location,
            map: var_map,
            title: "{{ site.google-map.title }}"
        });

        var var_map = new google.maps.Map(document.getElementById("map-container"),
            var_mapoptions);

        var_marker.setMap(var_map);

    }

    google.maps.event.addDomListener(window, 'load', init_map);
 </script>

<!--Map container-->
<div id="map-container" class="z-depth-1 wow fadeInUp" style="height: 300px"></div>