Skip to content

Commit

Permalink
Update documentation
Browse files Browse the repository at this point in the history
  • Loading branch information
@gioppy
gioppy committed Mar 17, 2014
1 parent 4d93119 commit 5236ecb
Show file tree
Hide file tree
Showing 25 changed files with 1,054 additions and 0 deletions.
86 changes: 86 additions & 0 deletions documentation/docs/demos/01-simple-map.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,86 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Simple map | Shakemap</title>
<meta charset="utf-8">
<link rel="stylesheet" href="../../styles/reset.css" />
<link rel="stylesheet" href="../../fonts/fonts.css" />
<link rel="stylesheet" href="../../styles/style.css" />
<link rel="stylesheet" href="../../styles/demo.css" />
<link rel="stylesheet" href="../../styles/github.css" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
</head>
<body>
<section id="wrapper">
<!--LOGO-->
<section id="logo" class="fullscreen">
<h1><span>.</span>shake<span>map</span></h1>
<h2>Demo</h2>
<a href="#docs" id="go-down">Go down</a>
</section>
<!--FINE LOGO-->
<!--DOC PAGE-->
<section id="docs" class="doc-page">
<section id="doc-info">
<h2>Simple map</h2>
<a href="../index.html#demos" class="back">back to documentation</a>
<section id="live-demo">
<div id="map"></div>
</section>
<section id="code">
<pre>
<code id="js" class="javascript">
jQuery('#map').shakemap({
data:'simple.json'
});
</code>
</pre>
<pre>
<code class="javascript">
//geoJSON example
{
"type":"FeatureCollection",
"features":
[
{
"type":"Feature",
"geometry":{
"type":"Point",
"coordinates":[13.532209,45.804991]
},
"properties":{
"name":"Monfalcone",
"description":"Simple marker"
}
}
]
}
</code>
</pre>
</section>
</section>
</section>
<!--FINE DOCS-->
</section>
<script src="../../js/jquery-1.7.2.min.js"></script>
<script src="../../js/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<script src="../../js/markerclusterer.js"></script>
<script src="../../js/jquery.shakeMap.js"></script>
<script>
jQuery(function(){
eval(jQuery('#js').text());
})
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-3538311-19', 'giovannibuffa.it');
ga('send', 'pageview');

</script>
</body>
</html>
97 changes: 97 additions & 0 deletions documentation/docs/demos/02-map-with-infobox.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,97 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Map with Infobox | Shakemap</title>
<meta charset="utf-8">
<link rel="stylesheet" href="../../styles/reset.css" />
<link rel="stylesheet" href="../../fonts/fonts.css" />
<link rel="stylesheet" href="../../styles/style.css" />
<link rel="stylesheet" href="../../styles/demo.css" />
<link rel="stylesheet" href="../../styles/github.css" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
</head>
<body>
<section id="wrapper">
<!--LOGO-->
<section id="logo" class="fullscreen">
<h1><span>.</span>shake<span>map</span></h1>
<h2>Demo</h2>
<a href="#docs" id="go-down">Go down</a>
</section>
<!--FINE LOGO-->
<!--DOC PAGE-->
<section id="docs" class="doc-page">
<section id="doc-info">
<h2>Map with Infobox</h2>
<a href="../index.html#demos" class="back">back to documentation</a>
<section id="live-demo">
<div id="map"></div>
</section>
<section id="code">
<pre>
<code id="js" class="javascript">
var infobox = {
offset:[-225,-100],
width:"215px",
height:"166px",
background:"images/infobox_bg.png",
closeBoxMargin:"5px 25px 0 0",
closeBoxURL:"images/infobox_close_bg.png"
};
jQuery('#map').shakemap({
data:'simple.json',
action:'infobox',
infoboxSettings:infobox
});
</code>
</pre>
<pre>
<code class="javascript">
//geoJSON example
{
"type":"FeatureCollection",
"features":
[
{
"type":"Feature",
"geometry":{
"type":"Point",
"coordinates":[13.532209,45.804991]
},
"properties":{
"name":"Monfalcone",
"description":"Simple marker"
}
}
]
}
</code>
</pre>
</section>
</section>
</section>
<!--FINE DOCS-->
</section>
<script src="../../js/jquery-1.7.2.min.js"></script>
<script src="../../js/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<script src="../../js/markerclusterer.js"></script>
<script src="../../js/infobox.js"></script>
<script src="../../js/jquery.shakeMap.js"></script>
<script>
jQuery(function(){
eval(jQuery('#js').text());
})
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-3538311-19', 'giovannibuffa.it');
ga('send', 'pageview');

</script>
</body>
</html>
90 changes: 90 additions & 0 deletions documentation/docs/demos/03-map-with-direct-click.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,90 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Map with direct link | Shakemap</title>
<meta charset="utf-8">
<link rel="stylesheet" href="../../styles/reset.css" />
<link rel="stylesheet" href="../../fonts/fonts.css" />
<link rel="stylesheet" href="../../styles/style.css" />
<link rel="stylesheet" href="../../styles/demo.css" />
<link rel="stylesheet" href="../../styles/github.css" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
</head>
<body>
<section id="wrapper">
<!--LOGO-->
<section id="logo" class="fullscreen">
<h1><span>.</span>shake<span>map</span></h1>
<h2>Demo</h2>
<a href="#docs" id="go-down">Go down</a>
</section>
<!--FINE LOGO-->
<!--DOC PAGE-->
<section id="docs" class="doc-page">
<section id="doc-info">
<h2>Map with direct click</h2>
<a href="../index.html#demos" class="back">back to documentation</a>
<section id="live-demo">
<div id="map"></div>
</section>
<section id="code">
<pre>
<code id="js" class="javascript">
jQuery('#map').shakemap({
data:'simple.json',
action:'direct',
markerClick:function(marker){
alert("You have clicked on the marker!");
}
});
</code>
</pre>
<pre>
<code class="javascript">
//geoJSON example
{
"type":"FeatureCollection",
"features":
[
{
"type":"Feature",
"geometry":{
"type":"Point",
"coordinates":[13.532209,45.804991]
},
"properties":{
"name":"Monfalcone",
"description":"Simple marker"
}
}
]
}
</code>
</pre>
</section>
</section>
</section>
<!--FINE DOCS-->
</section>
<script src="../../js/jquery-1.7.2.min.js"></script>
<script src="../../js/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<script src="../../js/markerclusterer.js"></script>
<script src="../../js/jquery.shakeMap.js"></script>
<script>
jQuery(function(){
eval(jQuery('#js').text());
})
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-3538311-19', 'giovannibuffa.it');
ga('send', 'pageview');

</script>
</body>
</html>
87 changes: 87 additions & 0 deletions documentation/docs/demos/04-map-with-no-click.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,87 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Map with no click | Shakemap</title>
<meta charset="utf-8">
<link rel="stylesheet" href="../../styles/reset.css" />
<link rel="stylesheet" href="../../fonts/fonts.css" />
<link rel="stylesheet" href="../../styles/style.css" />
<link rel="stylesheet" href="../../styles/demo.css" />
<link rel="stylesheet" href="../../styles/github.css" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
</head>
<body>
<section id="wrapper">
<!--LOGO-->
<section id="logo" class="fullscreen">
<h1><span>.</span>shake<span>map</span></h1>
<h2>Demo</h2>
<a href="#docs" id="go-down">Go down</a>
</section>
<!--FINE LOGO-->
<!--DOC PAGE-->
<section id="docs" class="doc-page">
<section id="doc-info">
<h2>Map with no click!</h2>
<a href="../index.html#demos" class="back">back to documentation</a>
<section id="live-demo">
<div id="map"></div>
</section>
<section id="code">
<pre>
<code id="js" class="javascript">
jQuery('#map').shakemap({
data:'simple.json',
action:null
});
</code>
</pre>
<pre>
<code class="javascript">
//geoJSON example
{
"type":"FeatureCollection",
"features":
[
{
"type":"Feature",
"geometry":{
"type":"Point",
"coordinates":[13.532209,45.804991]
},
"properties":{
"name":"Monfalcone",
"description":"Simple marker"
}
}
]
}
</code>
</pre>
</section>
</section>
</section>
<!--FINE DOCS-->
</section>
<script src="../../js/jquery-1.7.2.min.js"></script>
<script src="../../js/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<script src="../../js/markerclusterer.js"></script>
<script src="../../js/jquery.shakeMap.js"></script>
<script>
jQuery(function(){
eval(jQuery('#js').text());
})
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-3538311-19', 'giovannibuffa.it');
ga('send', 'pageview');

</script>
</body>
</html>
Loading

0 comments on commit 5236ecb

Please sign in to comment.