ffflabs

(function($){
    $.widget( "ui.combobox", $.ui.autocomplete, 
        {
        options: { 
            /* override default values here */
            minLength: 3,
            /* the argument to pass to ajax to get the complete list */
            ajaxGetAll: {get: "all"}
        },

ffflabs

<?php
$client_id = CLIENT_ID;
 $redirect_url = REDIRECT_URL;
 $client_secret=CLIENT_SECRET;
$organizacion=ORGANIZATION;


 
if( empty($_COOKIE[$organizacion]) || sha1($_COOKIE[$client_id].$cfg['blowfish_secret'])!=$_COOKIE[$organizacion]) {
 

ffflabs

jQuery('#datasets').on('click', '.toggle_visualizations', function () {
	var thischeckbox = jQuery(this);
	var ladata = thischeckbox.data();
	var id_dataset = ladata.id_dataset;
	var category = ladata.category;
	globalmap[category] = globalmap[category] || {};
	var DataSet = globalmap[category][id_dataset];
	ladata.flag = thischeckbox.is(':checked');
	DataSet.setOptions({
		visible: ladata.flag

ffflabs

jQuery('#datasets').on('click', '.toggle_visualizations', function () {
	var thischeckbox = jQuery(this);
	var ladata = thischeckbox.data();
	ladata.flag = thischeckbox.is(':checked');
	DataSet.saveSetting({
		visible: ladata.flag
	});
	Intercom('trackEvent', 'updateVisibility', ladata);
        instaGIS.updateVisibility(ladata);
});

ffflabs

jQuery('#datasets').on('click', '.toggle_visualizations', function () {
	var thischeckbox = jQuery(this);
	var ladata = thischeckbox.data();
	ladata.flag = thischeckbox.is(':checked');
	DataSet.saveSetting({
		visible: ladata.flag
	});
	instaGIS.trackEvent('updateVisibility', ladata, true);
});

ffflabs

globalmap.conn.on('trackedEvent', function (thisEvent) {

	var ladata = thisEvent.event_details;

	switch (thisEvent.event_name) {
	case 'updateVisibility':
		instaGIS.updateVisibility(ladata);
		break;
	}
});

ffflabs

This example shows the county boundaries for Illinois. In red we see the google.maps.Data() layer in blue a D3.geo.path() with mercator projection.

The google data layer is an object which displays in the same canvas as any google overlay (polygons, markers, polylines, etc) while the D3.geo.path() shows up in an SVG container I overlap on top of the google container.

ffflabs

This example shows the county boundaries for Illinois. In red we see the google.maps.Data() layer in blue a D3.geo.path() with mercator projection.

The google data layer is an object which displays in the same canvas as any google overlay (polygons, markers, polylines, etc) while the D3.geo.path() shows up in an SVG container I overlap on top of the google container.

ffflabs

Example: getting the user position with HTML5 Geolocation API, then using google maps to find a route to the desired clicked location.

ffflabs

Example:

Using a JS object to draw a collection of markers, taking the position and additional attributes from the object itself.

On each loop the marker is drawn, and it receives a click listener, which in turn opens an infowindow whose content is the markers properties, taken from the JS object.

Made as an example for Stack Overflow