Map Using jQuery

var myCenter = new google.maps.LatLng(23.01092, 72.50239);

        var mapOptions = {
                backgroundColor: '',
            styles: [{
                stylers: [{
                    saturation: -100
                }]
            }]}
        function initialize() {
            var mapProp = {
                center: myCenter,
                zoom: 14,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };

            var map = new google.maps.Map(document.getElementById("googleMap"), mapProp);

            var marker = new google.maps.Marker({
                position: myCenter,
                icon: 'http://localhost/TrentiumProjects/glide/wp-content/uploads/2016/08/pin.png'
            });

            marker.setMap(map);
        }

        google.maps.event.addDomListener(window, 'load', initialize);

HTML VIEW

<div id="googleMap" class="img-thumbnail" style="width: 100%; height: 400px;"></div>
JS/jQuery, Uncategorized