diff --git a/documentation/docs/demos/01-simple-map.html b/documentation/docs/demos/01-simple-map.html new file mode 100644 index 0000000..797679b --- /dev/null +++ b/documentation/docs/demos/01-simple-map.html @@ -0,0 +1,86 @@ + + +
+
+
+ jQuery('#map').shakemap({
+ data:'simple.json'
+ });
+
+
+
+
+ //geoJSON example
+ {
+ "type":"FeatureCollection",
+ "features":
+ [
+ {
+ "type":"Feature",
+ "geometry":{
+ "type":"Point",
+ "coordinates":[13.532209,45.804991]
+ },
+ "properties":{
+ "name":"Monfalcone",
+ "description":"Simple marker"
+ }
+ }
+ ]
+ }
+
+
+
+
+ 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
+ });
+
+
+
+
+ //geoJSON example
+ {
+ "type":"FeatureCollection",
+ "features":
+ [
+ {
+ "type":"Feature",
+ "geometry":{
+ "type":"Point",
+ "coordinates":[13.532209,45.804991]
+ },
+ "properties":{
+ "name":"Monfalcone",
+ "description":"Simple marker"
+ }
+ }
+ ]
+ }
+
+
+
+
+ jQuery('#map').shakemap({
+ data:'simple.json',
+ action:'direct',
+ markerClick:function(marker){
+ alert("You have clicked on the marker!");
+ }
+ });
+
+
+
+
+ //geoJSON example
+ {
+ "type":"FeatureCollection",
+ "features":
+ [
+ {
+ "type":"Feature",
+ "geometry":{
+ "type":"Point",
+ "coordinates":[13.532209,45.804991]
+ },
+ "properties":{
+ "name":"Monfalcone",
+ "description":"Simple marker"
+ }
+ }
+ ]
+ }
+
+
+
+
+ jQuery('#map').shakemap({
+ data:'simple.json',
+ action:null
+ });
+
+
+
+
+ //geoJSON example
+ {
+ "type":"FeatureCollection",
+ "features":
+ [
+ {
+ "type":"Feature",
+ "geometry":{
+ "type":"Point",
+ "coordinates":[13.532209,45.804991]
+ },
+ "properties":{
+ "name":"Monfalcone",
+ "description":"Simple marker"
+ }
+ }
+ ]
+ }
+
+
+
+
+ var mapOptions = {
+ backgroundColor:"#474F58",
+ mapTypeControl:false,
+ overviewMapControl:false,
+ panControl:false,
+ scrollwheel:false,
+ zoomControlOptions:{style:google.maps.ZoomControlStyle.SMALL}
+ };
+ jQuery('#map').shakemap({
+ data:'simple.json',
+ mapOptions:mapOptions
+ });
+
+
+
+
+ //geoJSON example
+ {
+ "type":"FeatureCollection",
+ "features":
+ [
+ {
+ "type":"Feature",
+ "geometry":{
+ "type":"Point",
+ "coordinates":[13.532209,45.804991]
+ },
+ "properties":{
+ "name":"Monfalcone",
+ "description":"Simple marker"
+ }
+ }
+ ]
+ }
+
+
+
+
+ var icons = {
+ field_name:"icon",
+ options:{
+ 'skmap':'images/icon.png'
+ },
+ size:[64,64],
+ origin:[0,0],
+ anchor:[32,64]
+ };
+
+ jQuery('#map').shakemap({
+ data:'simple.json',
+ categoryIcons:icons
+ });
+
+
+
+
+ //geoJSON example
+ {
+ "type":"FeatureCollection",
+ "features":
+ [
+ {
+ "type":"Feature",
+ "geometry":{
+ "type":"Point",
+ "coordinates":[13.532209,45.804991]
+ },
+ "properties":{
+ "name":"Monfalcone",
+ "description":"Simple marker"
+ }
+ }
+ ]
+ }
+
+
+
+
+ jQuery('#map').shakemap({
+ data:'spider.json',
+ spider:true
+ });
+
+
+
+
+ jQuery.getJSON('sidebar.json', function(data){
+ jQuery('#map-small').shakemap({
+ data:data,
+ sidebar:{
+ active:true,
+ mid:"nid",
+ target:"#sidebar"
+ }
+ });
+
+ for(var i = 0; i < data.features.length; i++){
+ jQuery('#sidebar').append(data.features[i].properties.description);
+ }
+ });
+
+
+
+
+ var icons = {
+ field_name:"icon",
+ options:{
+ 'skmap':'images/icon.png'
+ },
+ size:[64,64],
+ origin:[0,0],
+ anchor:[32,64]
+ };
+
+ var clusterStyles = [{
+ url: 'images/cluster.png',
+ height: 64,
+ width: 64,
+ anchor: [0, 0],
+ textColor: '#ffffff',
+ textSize: 13
+ }];
+
+ jQuery('#map').shakemap({
+ data:'clustering.json',
+ categoryIcons:icons,
+ clusterer:{
+ style:clusterStyles
+ }
+ });
+
+
+
+
+ var mapStyle = [
+ {
+ "featureType":"road.local",
+ "stylers":[
+ {
+ "color":"#ffffff"
+ }
+ ]
+ },
+ {
+ "featureType":"water",
+ "stylers":[
+ {
+ "color":"#3fc6f3"
+ }
+ ]
+ },
+ {
+ "featureType":"landscape",
+ "stylers":[
+ {
+ "color":"#46d7c6"
+ }
+ ]
+ },
+ {
+ "featureType":"road.highway",
+ "elementType":"geometry",
+ "stylers":[
+ {
+ "color":"#ffffff"
+ }
+ ]
+ },
+ {
+ "featureType":"poi",
+ "elementType":"geometry",
+ "stylers":[
+ {
+ "color":"#b1d8d3"
+ }
+ ]
+ },
+ {
+ "featureType":"road.arterial",
+ "stylers":[
+ {
+ "color":"#d8e0e9"
+ }
+ ]
+ }
+ ];
+
+ jQuery('#map').shakemap({
+ data:'simple.json',
+ mapStyle:mapStyle
+ });
+
+
+
+
+ jQuery('#map').shakemap({
+ data:'simple.json'
+ });
+
+ jQuery('#update').click(function(){
+ jQuery('#map').shakemap('update', {
+ data:'sidebar.json'
+ });
+ return false;
+ });
+
+
+
+
+ jQuery('#map').shakemap({
+ data:'simple.json'
+ });
+
+ jQuery('#destroy').click(function(){
+ jQuery('#map').shakemap('destroy');
+ return false;
+ });
+
+
+ Risus Parturient Pellentesque
","icon":"skmap"}}]} \ No newline at end of file diff --git a/documentation/docs/demos/spider.json b/documentation/docs/demos/spider.json new file mode 100644 index 0000000..3158694 --- /dev/null +++ b/documentation/docs/demos/spider.json @@ -0,0 +1 @@ +{"type":"FeatureCollection","features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[12.37602,45.684275]},"properties":{"name":"Marker 1","description":"Marke 1
Risus Parturient Pellentesque
"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[12.37602,45.684275]},"properties":{"name":"Marker 2","description":"Marker 2
Risus Parturient Pellentesque
"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[12.37602,45.684275]},"properties":{"name":"Marker 3","description":"Marke 3
Risus Parturient Pellentesque
"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[12.37602,45.684275]},"properties":{"name":"Marker 4","description":"Marker 4
Risus Parturient Pellentesque
"}}]} \ No newline at end of file diff --git a/documentation/docs/index.html b/documentation/docs/index.html index f80f109..adab1b9 100644 --- a/documentation/docs/index.html +++ b/documentation/docs/index.html @@ -133,6 +133,11 @@function(marker){}
false
false