gMap_example.html

<html>
    <body>
        <div id="map_canvas" style="widht: 500px; height: 400px;"></div>
    </body>
    <head>
        <link rel="stylesheet" type="text/css" href="gMaps/gMap_style.css">
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
        <script type="text/javascript"
            src="http://maps.googleapis.com/maps/api/js?sensor=false">
        </script>
        <script type="text/javascript" src="gMaps/gMap.js"></script>
        <script type="text/javascript">
            var mMap = new gMap();
            mMap.addMarker('uno', 0, 0, 'Text text text');
            mMap.addMarker('dos', 0.002, 0.007);
            mMap.addMarker('tres', 0.007, 0.001, 'More text');
            tCenterItem = '<span id="centerMapForm">Centrar mapa aqu&iacute;</span>';
            function centerMap(aRef, event)
            {
                $('#centerMapForm').click(function ()
                {
                    aRef.mMap.setCenter(event.latLng);
                    $('.map_context_menu').remove();
                    return false;
                });
            }
            mMap.addMenuItem(tCenterItem, centerMap);
            mMap.addMenuItem('Centrar mapa aqu&iacute;');
            mMap.addMenuItem('Lat: :lat:');
            mMap.addMenuItem('Lng: :lng:');
            mMap.createContextMenu();
            mMap.createMap("map_canvas", 0, 0, 14);

        </script>
    </head>
</html>