Sigueme en Facebook Sigueme en Twitter Sigueme en Instagram Sigueme en Youtube
JC Mouse Bolivia

Mapas en HTML5 – Uniendo todo – Parte 6

Última parte del tutorial “Mapas interactivos HTML5”, vamos uniendo todo todo el código. En la parte 5 de este tutorial, dejamos pendiente una función, esta función se llama paint(), lo que diferencia esta función de pintado del resto es que, esta función hace uso de un array de objetos que corresponden a las 6 provincias que se utilizan

Mapas con HTML5 – Funciones de pintado – Parte 5

En esta penúltima parte, declaramos las funciones que nos permitirán pintar los shapes en el canvas, vamos al grano que la vida es corta 😉 Cada función de pintado tiene una correspondencia con los objetos declarados en la parte 4 de este tutorial, se antepone la palabra draw (dibujar) al nombre de la función de la forma “candidato” ->

Mapas HTML5 – Elementos del canvas- Parte 4

Continuando con nuestro tutorial de “Mapas interactivos con HTML5” , esta es la sección que corresponde a los elementos que conforman el Mapa Estadístico. En post anteriores ya se estableció la estructura del proyecto, se creo el documento HTML5, codigo CSS,  imágenes y el archivo “elecciones.js” , ademas de crearse los mapas de las provincias utilizando shapes

Creación de mapas con shapes – Parte 3

En nuestro mapa interactivo, se hará uso de un mapa departamental dividido en provincias, todo a través  de shapes, si bien se puede hacer uso de gráficos vectoriales, en esta ocasión se prefirió pintar las figuras directamente en el canvas. El mapa que utilizaremos en este tutorial es el del departamento del Beni de la República de Bolivia 😉  , este

Mapas interactivos – El proyecto – Parte 2

Comenzando este tutorial, primero necesitamos definir la “estructura” de nuestro proyecto. Haremos uso del IDE de Dreamweaver en cualquiera de sus versiones. 1. Crea un nuevo sitio, yo lo llame “html5”, tu llámalo como quieras, después crea una carpeta “images“ , un archivo “index.html”, un archivo javascript “elecciones.js” y un archivo php “data.php”. Se hace uso de tres imágenes,  “foto1.jpg” y

Mapas interactivos con HTML5 – Parte 1

La tecnología de HTML5 y javascript  nos permite crear gráficos interactivos livianos sin tener que recurrir a flash, el elemento canvas de html5 es un lienzo virtual que nos permite pintar shapes y agregarles movimiento. Existen ya varios plugins que nos facilitan el trabajo a la hora de programar con shapes, objetos 3d, animaciones y

Comparte lo que sabes

Categorias

Últimas entradas

KolibriOS  es un pequeño sistema operativo poderoso, rápido y libre con un núcleo monolítico anticipativo en tiempo real...

Los cursos online se han convertido en algo común en nuestros días y las aplicaciones que hay en la nube para realizar r...

Dia Diagram Editor es un software gratuito de dibujo de código abierto para los sistemas operativos de Windows, Mac OS X...

En ocasiones el limite máximo de importación de base de datos que ofrece PhpMyAdmin (2MB) no es suficiente para lo que q...

Android Bolivia

MAUS

ÚLTIMOS COMENTARIOS

juan

Hola sera que me puedes ayudar en el desarrollo de un sistema, no te pido otra cosa mas que me ayudes en como implementar una imagen de fondo en un jtable, mi sistema tiene muchas funciones pero quiero lograr eso para darle una mejor imagen

Domenico Ferraguto

excelente Aporte Amigo

Mouse

Si NBAndroid no fuese apto para el desarrollo no lo habrían lanzado, por otro lado hay que tener en cuenta que Android Studio es el IDE oficial para el desarrollo de aplicaciones android. Ahora bien, en honor a la verdad y como menciono en