Skip to content

Instantly share code, notes, and snippets.

@calderonsteven

calderonsteven/NegroRobotGeoMap.html

Last active December 20, 2015 19:49
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save calderonsteven/6186021 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save calderonsteven/6186021 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. calderonsteven revised this gist Aug 8, 2013. 1 changed file with 9 additions and 9 deletions.
    18 changes: 9 additions & 9 deletions NegroRobotGeoMap.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,15 +1,15 @@
    <!DOCTYPE html>
    <html>
    <head>
    <title>NegroRobot Geo Map for instagram</title>
    <!--para usar el fancyzoom es necesario usar kquery 1.7.2-->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

    <!--Es necesario el api de google maps-->
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <!--necesarios para que el plugin funcione correctamente-->
    <link rel="stylesheet" type="text/css" href="../dist/css/mapstyle.css" />
    <title>NegroRobot Geo Map for instagram</title>
    <!--para usar el fancyzoom es necesario usar kquery 1.7.2-->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <!--Es necesario el api de google maps-->
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>

    <!--necesarios para que el plugin funcione correctamente-->
    <link rel="stylesheet" type="text/css" href="../dist/css/mapstyle.css" />
    <script type="text/javascript" src="../dist/maps/markerclusterer_compiled.js"></script>
    <script type="text/javascript" src="../dist/maps/circle-menu.js"></script>
    <script type="text/javascript" src="../dist/maps/richmarker-compiled.js"></script>
  2. calderonsteven created this gist Aug 8, 2013.
    42 changes: 42 additions & 0 deletions NegroRobotGeoMap.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,42 @@
    <!DOCTYPE html>
    <html>
    <head>
    <title>NegroRobot Geo Map for instagram</title>
    <!--para usar el fancyzoom es necesario usar kquery 1.7.2-->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

    <!--Es necesario el api de google maps-->
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>

    <!--necesarios para que el plugin funcione correctamente-->
    <link rel="stylesheet" type="text/css" href="../dist/css/mapstyle.css" />
    <script type="text/javascript" src="../dist/maps/markerclusterer_compiled.js"></script>
    <script type="text/javascript" src="../dist/maps/circle-menu.js"></script>
    <script type="text/javascript" src="../dist/maps/richmarker-compiled.js"></script>
    <script type="text/javascript" src="../dist/maps/jquery.fancyzoom.min.js"></script>

    <!--incluir el plugin-->
    <script src="../dist/jquery.NegroRobotGeoMap.js"></script>

    <!--es necesario definir manualmente el tamaño del div que contiene el mapa-->
    <style type="text/css">
    #GeoMap{
    height: 200px;
    width: 500px;
    }
    </style>
    </head>
    <body>
    <div id="GeoMap" >
    </div>
    <script>
    $(function() {
    $("#GeoMap").NegroRobotGeoMap({
    HashTag: "guatavita",
    instagramToken: "16361459.f59def8.4a9c724f92ed468fa20b5908c6cef459",
    location: { latitude: 4.65806, longitude: -74.07583 }
    });
    });
    </script>
    </body>
    </html>