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() {
        map = new google.maps.Map(document.getElementById('map'), {
            center: {lat: 51.0593325, lng: 15.1854451},
            zoom: 5


        });
        google.maps.event.addListener(map, 'click', function(event) {          
            var poznamka = prompt("Zadaj svoju poznámku k miestu.");
            addMarker(event.latLng, map, poznamka);
            var card = new map.card();
            card.getBody().innerHTML = poznamka;
           
            var naparsovane = JSON.parse(localStorage.getItem('map'));
            console.log(naparsovane);
            if(a == []){
                var index = 0;
            }
            else{
                var index = a.length;
            }

        });


        var infoWindow = new google.maps.InfoWindow({map: map});
        // geolocation
        if (navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(function(position) {
                var pos = {
                    lat: position.coords.latitude,
                    lng: position.coords.longitude
                };

                infoWindow.setPosition(pos);
                infoWindow.setContent('Tvoja aktuálna poloha.');
                map.setCenter(pos);
            }, function() {
                handleLocationError(true, infoWindow, map.getCenter());
            });
        } else {
            // Browser doesn't support Geolocation
            handleLocationError(false, infoWindow, map.getCenter());
        }


        function handleLocationError(browserHasGeolocation, infoWindow, pos) {
            infoWindow.setPosition(pos);
            infoWindow.setContent(browserHasGeolocation ?
                    'Error: Určenie tvojej polohy zlyhalo.':
                    'Error: Tvoj prehliadač nepodporuje určenie polohy.');

        }

        // Ak uživatel klikne na mapu zobrazí sa marker, každému markru je pridelený prvý volný index
        var...