Skip to content

Instantly share code, notes, and snippets.

@calderonsteven
Last active December 20, 2015 19:49
Show Gist options
  • Select an option

  • Save calderonsteven/6186021 to your computer and use it in GitHub Desktop.

Select an option

Save calderonsteven/6186021 to your computer and use it in GitHub Desktop.
codigo de ejemplo para incluir el plugin de mapa georeferenciado con un hashtag de instagram
<!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>
@braulee
Copy link

braulee commented Nov 11, 2015

Hello,
This map does not work with some hashtags me. Dates have any limitation in somewhere?
They are hasgtags underutilized.
Cheers

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment