background preloader

Google apis

Facebook Twitter

Fusion Tables map styling - what are your options?   Kathryn Hurley, Developer Programs Engineer, Fusion Tables August 2011 Fusion Tables offers two map feature styling options: styling via the Fusion Tables API and styling via the Google Maps API.

Fusion Tables map styling - what are your options?  

It might not be clear what the differences are. This article hopes to clarify each option and give you an idea of when you might want to use one over the other. Quick Comparison Here's a quick comparison of the two styling options. Fusion Tables Layer Example: IN query   Fusion Tables Layer Example: Update Query   Fusion Tables Layer Example: Multiple Layers per Map     Fusion Tables REST API   An easy way to learn how to use an API is to look at sample code.

  Fusion Tables REST API  

The samples on this page demonstrate particularly interesting functionality in the Fusion Tables API or a variety of ways to access Fusion Table data. Google Fusion Tables API v2.0 A quick way to try out the API is to type the command or query directly into your browser's toolbar. You can adjust the URL as you change your query or data needs and you'll get immediate feedback. See Getting Started. Customize map info windows - Fusion Tables Help. By default, Fusion Tables draws a little bit of data from the table and displays it in the info window that appears when a viewer clicks on a map feature.

Customize map info windows - Fusion Tables Help

You can customize the content and appearance of this info window. The info window layout you create will apply to the map when seen in Fusion Tables, when embedded in webpages, and in exported KML files. To customize the info window in the New look: While looking at the map, select Tools > Change map, then click the Change info window button To customize the info window in Classic: Click Visualize > Map Click the "Configure info window" link above the map and select the template to use.

FusionTablesLayer Wizard. Derekeder/FusionTable-Map-Template. Cómo hacer una mapa con “Google Fusion Tables” – Guía practica. Cada día es posible encontrar más bases con datos sobre ubicaciones, y también aplicaciones que podemos usar para realizar mapas de manera sencilla.

Cómo hacer una mapa con “Google Fusion Tables” – Guía practica

En esta ocasión, les comparto un pequeño tutorial sobre cómo hacer un mapa con Google Fusion Tables (GFT). ¿Qué es Fusion Tables? Fusion Tables es un proyecto que Google desarrolla desde hace unos años para manejar bases de datos, y de manera sencilla realizar gráficas mediante algunos de sus servicios como Google Spreedsheats, Google Charts y Google Maps. El proyecto sigue siendo desarrollado y mejorado, pero se espera que en un futuro cercano ya se pueda tener una versión final disponible. Paso 1 Como muchos otros servicios de Google, para usar GFT es necesario tener una cuenta de Gmail. Antes de iniciar, debemos asegurarnos de contar con la aplicación activa. Cómo hacer una mapa con “Google Fusion Tables” – Guía practica. How to Make a Map with Excel Data Using Google Fusion Tables - Geolounge. Ad There is an oft repeated yet unsubstantiated claim that 80% of all data has a geographic component.

How to Make a Map with Excel Data Using Google Fusion Tables - Geolounge

Likewise, some have claimed that Excel is one of the most popular and important pieces of software currently in use. There is a lot of data available in Excel files, many of which have locational attributes stored within the columns. If you have an Excel spreadsheet that columns location data (e.g addresses, ZIP codes, city, country, or coordinates), there is an easy way to map your Excel data using Google Fusion Tables. This article will take you though a step-by-step example of using an Excel spreadsheet that contains location information to make a map using Google Fusions Table. For this example, an Excel file containing the rank of Fortune 1000 companies for 2014 will be used. Change placemark icon - Fusion Tables Help. By default, point locations are shown on the map with a small red dot icon.

Change placemark icon - Fusion Tables Help

Here's how to change it. 1. Open the map styles dialog. Google Geo Developers Blog. Google Geo Developers Blog: Search your geo data using spatial queries from Fusion Tables! I’m Kathryn Hurley, a Developer Programs Engineer for Fusion Tables, and I have to say, I really dig Fusion Tables.

Google Geo Developers Blog: Search your geo data using spatial queries from Fusion Tables!

The power it gives you to visualize your data is amazing! Plus, the team is working hard to add new features that give even more power to you, the developer. It is my pleasure to announce that Fusion Tables now offers spatial queries! Using spatial queries, developers can (1) find all features that are located within (or overlap with) a given distance from a location (2) find all features that are located within (or overlap with) a given bounding box, and (3) find a given number of features closest to a location.

To demonstrate some of the new syntax, let’s go through a potential use case of spatial queries: creating a store locator map. Now let’s say we want to display all the restaurants that fall within a bounding box. SELECT * FROM 297050 WHERE ST_INTERSECTS(Address, RECTANGLE(LATLNG(37.2, -122.3), LATLNG(37.6, -121.9))) This is the code for the FusionTablesLayer: How to make a map in Google Fusion Tables. Fusion Tables Layer in Google Maps API - Fusion Tables Help. Maps in Fusion Tables are also available as Fusion Tables Layers in the Google Maps API.

Fusion Tables Layer in Google Maps API - Fusion Tables Help

Using JavaScript to create the map directly in the webpage instead of an iframe means more flexibility to customize the map: Layer several maps together Change the base map color and details Include a search box or pull-down menu to change the mapped data Turn off info windows Use .css on the content of map info windows Cut-n-paste coders can get started by following the instructions below. Intermediate coders can find code examples for additional tricks such as logically constructing map info window content or displaying locations with custom icons. 1. Both the Fusion Tables web application and the Fusion Tables Layer wizard generate the complete HTML and JavaScript code for displaying the map on a webpage, without any programming.

For the map to appear on a website, the table must be public or unlisted. Mapping with Google Fusion Tables. Earlier this year I created a lab assignment for Sally Hermansen’s Advanced Cartography course at the University of British Columbia.

Mapping with Google Fusion Tables

The purpose of this lab was to introduce students to Google Maps and managing data in Google Fusion Tables. I’m posting it here in case anyone else finds it useful. I’d also like to thank Sally’s TA Sam Walker for his help testing this assignment. How to Create a Google Map With Excel Data and Fusion Tables - 16 Easy Steps. FusionTablesLayer Wizard. Make a table accessible - Fusion Tables Help. By default, new tables are private, requiring other people to be invited with specific permissions and sign in before viewing or editing the data.

Make a table accessible - Fusion Tables Help

Visualizations embedded in other websites and Google Earth network links cannot authenticate to Fusion Tables when they call for the data, so the table must not require sign-in for these features to work. There is one exception: Tables created by importing a web table from the search results page of Google Tables are public by default. To remove the sign-in requirement for viewers: Click the Share button. You'll see a list of who has access to the table. Private If you leave your table as Private, only the people you have specifically invited will have access to your table. Public When an exportable table is set as Public, signing in is not required to view your table and visualizations embedded elsewhere can draw from your data table instantly. "Anyone with the link" Fusion Tables Layer (Experimental)  

Note: The Fusion Tables layer is Experimental. The Fusion Tables Layer renders data contained in Google Fusion Tables. Overview. Fusion Tables API. Important: Fusion Tables API v1.0 restricts the maximum response size to 10 MB. We encourage you to migrate to the Google Fusion Tables API v2.0, which provides media download for large payloads. Get started There are lots of ways to get started with Fusion Tables.

Dive into sample code, follow a tutorial, or join our community. Create, update, and delete. Create: a map - Fusion Tables Help. Use Fusion Tables' new look with this tutorial This 2-3 minute tutorial steps you through uploading data to generate a map with placemarks in the new version of Fusion Tables. For this tutorial, a sample dataset is provided containing records of insects collected in Costa Rica by ecologists. Each location is recorded with a latitude and longitude point. Import the sample dataset. Mapa interactivo con Google Fusion Tables.

Deja un comentario. Como detectar y mostrar la localización geográfica en las páginas web. Códigos para mostrar en las páginas de un blog o sitio web la latitud, longitud, altura y un mapa con la ubicación geográfica de los lectores, usando la API de Geolocalización del W3C. Hay varias formas de determinar la localización y ubicación geográfica de las personas cuando acceden a internet.

Es sumamente útil para los sitios y empresas en internet que ofrecen servicios que difieren de acuerdo a la ubicación de los visitantes. También para las aplicaciones y programas que usamos en nuestro dispositivo o equipo. Podemos determinar y mostrar la localización de nuestros lectores en las páginas de nuestro blog o sitio de internet, para realizar distintas acciones, ofrecer contenido o mensajes de acuerdo al país, un formato o lenguaje diferente, etc. y de esa forma hacerlas más útiles, dinámicas y atractivas.

Mi localización geográfica Localización geográfica obtenida mediante la API de Geolocalización del W3C. Códigos para crear y mostrar mapas de Google Maps. Insertar mapas en un blog o página web o cargarlos desde la PC usando la nueva API 3 de Google. Como crear marcadores, globos o cuadros con información y mostrar imágenes y fotos en el mapa. Google Maps API Styled Map Wizard. Navigate to the map region you wish to use to preview your style. Jump to a particular location using the Enter a location field in the top right.

Select a type of feature to style in the Selectors panel. If you only wish to style the Geometry or Labels for the selected feature type, select the required Element Type. Select the combination of Stylers to apply to the selected feature type. Once you are happy with the styling of the feature type, click the Add button in the Map Style panel to save the style and create a new style to work on. For more information on Map Styling, please see the Maps API v3 Documentation, and Static Maps API Documentation.   Google Maps Javascript API   Overview Styled maps allow you to customize the presentation of the standard Google base maps, changing the visual display of such elements as roads, parks, and built-up areas. There are two ways to apply styles to a map: By setting the .styles property of the map's MapOptions object.

This approach changes the style of the standard map types (base imagery in terrain and satellite views is not affected, but roads, labels, etc. respect styling rules). See Changing the Default Map Style. Both approaches take an array of MapTypeStyles, each of which is composed of selectors and stylers. Style Syntax.   Google Maps Javascript API   The JavaScript code for the Maps API is loaded via a bootstrap URL of the form This bootstrap request loads all of the main Javascript objects and symbols for use in the Maps API.

Some Maps API features are also available in self-contained libraries which are not loaded unless you specifically request them. Breaking up supplemental components into libraries allows the main API to load (and parse) quickly; you only incur the additional overhead of loading and parsing libraries if you need them. You specify additional libraries to load within the bootstrap request by specifying a libraries parameter, passing that parameter the name of the library or libraries. Multiple libraries may be specified as a comma-separated list. Once loaded, libraries are accessed via the google.maps. namespace. The following libraries are currently available: drawing provides a graphical interface for users to draw polygons, rectangles, polylines, circles, and markers on the map.

Google API Tutorial. Google Maps API. Introducing the Google Maps JavaScript API V3. My, how time flies. More than five years ago I penned the first of what has since turned out to be a pretty lengthy -- not to mention popular -- series covering various facets of the Google Maps API. (If you'd like to check out the previous 12 installments, I've assembled a compendium on my blog.) Places search box - Google Maps JavaScript API.