My fucking square

La sintassi per un path di quattro semplici punti SVG->JSON->JvectorMap è: 

“SQUARE”: {
“path”: “M100,100l0,-50l50,0l0,50Z”,
“name”: “My Square”
}

Grazie all’editor in RaphaelJS (sketchpad)

Update: 

• http://ianli.com/sketchpad/ permette di disegnare direttamente in un box e ottenere il path svg
• http://svgto.jvectormap.com/ trasforma un svg in un mappa js

Qua sotto il file js da richiamare come mappa in jvector (esempio su jsfiddle)

$.fn.vectorMap('addMap',
'world_mill_en',
{
 "insets": [
 {
 "width": 220,
 "top": 440,
 "height": 146.9158157558812,
 "bbox": [
 {
 "y": -8441281.712315228,
 "x": -5263934.893342895
 },
 {
 "y": -6227992.545028123,
 "x": -1949631.2950683108
 }
 ],
 "left": 0
 },
 {
 "width": 80,
 "top": 460,
 "height": 129.05725678001465,
 "bbox": [
 {
 "y": -4207380.690946597,
 "x": -5958501.652314129
 },
 {
 "y": -3658201.4570359783,
 "x": -5618076.48127754
 }
 ],
 "left": 245
 },
 {
 "width": 900.0,
 "top": 0,
 "height": 550.2150229714246,
 "bbox": [
 {
 "y": -5490839.2352678,
 "x": -2029243.6460439637
 },
 {
 "y": -2690044.485299302,
 "x": 2552083.9617675776
 }
 ],
 "left": 0
 }
 ],
 "paths": {
 
 
 "SQUARE": {
 "path": "M100,100l0,-50l50,0l0,50Z",
 "name": "My Square"
 }
 
 
 },
 "height": 589.0572567800147,
 "projection": {
 "type": "aea",
 "centralMeridian": -100.0
 },
 "width": 900.0
});