gmaps.js console

Play with gmaps.js

HTML

<script src="http://maps.google.com/maps/api/js?sensor=true&amp;.js"></script>
<script src="https://rawgit.com/HPNeo/gmaps/master/gmaps.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://apis.google.com/js/platform.js"></script>
<script src="http://maps.google.com/maps/api/js?   libraries=places&amp;sensor=false"></script>
<script src="https://maps.googleapis.com/maps/api/js? key=AIzaSyDXhwWzYNap1UD89oL43dc725FZY_-98jw&amp;callback=initMap"></script>
<div id="map"></div>

CSS

html,
body,
#map {
    display: block;
    width: 100%;
    height: 100%;
}

#map {
    background: #58B;
}

JavaScript

var xhttp = new XMLHttpRequest();
    var map;
    function initMap() {
         var map = new google.maps.Map(document.getElementById('map'), 
            {
                zoom: 4,
                center: {lat: 37.09024, lng: -95.712891},
            });
					var myLatLng = {lat: -25.363, lng: 131.044};

					//Create a Marker for My Position
          var myloc = new google.maps.Marker({
                clickable: false,
                icon: new google.maps.MarkerImage('//maps.gstatic.com/mapfiles/mobile/mobileimgs2.png',
                    new google.maps.Size(22,22),
                    new google.maps.Point(0,18),
                    new google.maps.Point(11,11)),
                shadow: null,
                zIndex: 999,
                map:map // your google.maps.Map object
            });
            
         var kmlFile = 'http://kml-samples.googlecode.com/svn/trunk/kml/ListStyle/item-icon-hotspot.kml';

            var kmlLayer = new google.maps.KmlLayer(kmlFile,
            {
                suppressInfoWindows: false,
                map: map,
                preserveViewport: true
            });
            
            var infoWindow = new google.maps.InfoWindow({map: map});

    

      if (navigator.geolocation) {
                //Get Current Position
                	  navigator.geolocation.getCurrentPosition(function(position) {
                var pos = {
                        lat: position.coords.latitude,
                        lng: position.coords.longitude
                };               

                infoWindow.close();

                //Zoom Map to My Location
                map.setCenter(pos);
                map.setZoom(2);

                //Set my location
                // var me = new google.maps.LatLng(pos.coords.latitude, pos.coords.longitude);
                myloc.setPosition(pos);


            }, function() {
              handleLocationError(true, infoWindow, map.getCenter());
            });
            }...