Monday, October 20, 2014

jQuery mobile swipping the contents

Be The First To Comment
Snippets on jQuery mobile swipping the contents:

 //HTML  
 <div data-role="content" id="content1"></div>  
 <div data-role="content" id="content2"></div>  
 <div data-role="content" id="content3"></div> 
 
 //JQ script  
 $(document).one('pagebeforecreate',function(){  
 $("div[data-role='content']").bind('swipeleft', function(e){  
           var next=$(this).next("div[data-role='content']");  
           e.stopImmediatePropagation();  
           console.log(next);  
           return false;  
      }); 
 
 $("div[data-role='content']").bind('swiperight', function(e){  
      var perv=$(this).prev("div[data-role='content']");  
           e.stopImmediatePropagation();  
           console.log(perv);  
           return false;  
      });  
 )}  

Wednesday, August 13, 2014

Jquery Multiple Range Slider With Floating Points

Be The First To Comment
I was working on a GIS project, which required four range sliders with floating points to set LCLU change threshold. I finally find out a nice jQuery based multiple range slider at http://jsfiddle.net/q5WEe/1/   The compiled fiddle as a web page source is shown in the Part 1.

Then, my goal was to put floating points on the slider bar value display, but the native jQuery slider bar doesn't support the floating point. jQuery always roundup the floating values to the nearest integer. To display the floating point (for example,0.5 break), I multiplied the max  and values with two and divided the display value with two (Part 2) and then I got jQuery slider bar with floating value as below.





Thursday, July 19, 2012

Interactive Obesity and Rural Health Map

Be The First To Comment
An interactive maps shows the influences of landscapes in rural health using ExtJs,GeoExt,Openlayers,Geoserver,PHP,Jquery, JavaScript, and other opensource tools.
Check it out




Tuesday, June 5, 2012

Interactive West Nile virus incidence mapping using OpenGeo tools, Google APIs, & HTML5

Be The First To Comment

The Geographic Information Science Center of Excellence at South Dakota State University developed a web based West Nile virus (WNV) mapping application using Geosever, Openlayers, PostGIS,GeoWebCache, Jquery, Google visualization APIs, and, other open source technologies. This application allows users to pan, and zoom to visualize historical WNV patterns while using a slider bar to navigate through time. Users can click on counties to see -county level time-series graphs, case counts, and total population. The application also supports changing choropleth transparencies, choropleth classifications, and map backgrounds.

Methods:
A. OpenGeo tools:

i.     Open layers
ii.    Geoserver
iii.   WebGeoCache
iv.   PostGIS

B. Google APIs
i.       Google Maps API
ii.      Google Charting API
C.      HTML5

These are frequently refereed to as HTML5 technologies.
Javascript
HTML Canvas
WebGL
CSS3
Other CSS improvements such as flex boxes
Offline Storage
Geolocation
New events such as touch and orientation
Ajax
Websockets
Click here to visit the Application





Thursday, February 9, 2012

An Interactive Visualization using Geoserver & Openlayers

2 Comments
From last couples of week, I have been involving to develop a interactive web interface for West Nile virus incidence dissemination across the conterminous US from 1999-2011.

The image on the right shows one of my accomplishment using
Geoserver,Openlayers,jQuery, PostgreGIS,and Google API. The project is about to launch online, then I will post a complete link of the project to let you guys play around it.

Click to visit: Web application


I am willing to help any one who is stuck with web maps/visualization and also seek constructive criticism on web stuffs.



 

© 2011 GIS and Remote Sensing Tools, Tips and more .. ToS | Privacy Policy | Sitemap

About Me