- jQuery 1.6.1+
- RaphaelJS 2+
Para correr el demo en Chrome necesitas correr un servidor local. Si tienes instalado el interprete de python, solo haz lo siguiente
cd demo
python -m SimpleHTTPServer
Luego abrir https://localhost:8000/
SVMap({ id: 'mapa' }, function(mapa) {
mapa.on('departamento', 'click', function(e, departamento, code) {
mapa.showDepartamento(code);
});
mapa.on('departamento', 'mouseover', function(e, departamento, code) {
departamento.path.attr({
fill: '#EAECFF'
});
});
mapa.on('departamento', 'mouseout', function(e, departamento, code) {
departamento.path.attr({
fill: mapa.opts.pathColor
});
});
Ver el archivo demo/demo.js
o coffee/demo.coffee
para mas detalles.
- id: 'map'
- backgroundColor: '#8C8FAB'
- pathColor: '#CFD2F1'
- strokeColor: '#8489BF'
- shadowColor: '#C9CBDC'
- textColor: '#7A80BE'
- textSize: 10
showPais(<function>callback)
showDepartamento(<string>code, <function>callback)
showMunicipio(<string>code, <function>callback)
Dibujar San Salvador y mostrar un mensaje de alerta
mapa.showDepartamento('d06', function(){ alert('San Salvador')});
Callbacks son opcionales
mapa.showMunicipio('m0618'); // Dibuja Soyapango
- rendered
- click
- dblclick
- mouseover
- mouseout
- mousemove
- mousedown
- mouseout
Ejecuta el comando cake
para listar tareas disponibles.
El directorio tools
contiene scripts para diversas tareas. Estos deben
ser ejecutados desde el directorio raiz del projecto, o preferiblemente
usando el comando cake
.