Skip to content

Instantly share code, notes, and snippets.

@malandrina
Last active August 29, 2015 14:18
Show Gist options
  • Save malandrina/d18b7c07ebbf07bd1d7d to your computer and use it in GitHub Desktop.
Save malandrina/d18b7c07ebbf07bd1d7d to your computer and use it in GitHub Desktop.
map config json
{
"mapStyles": {
"destinationHighlight":{
"useClientId":true,
"ease":"Back.easeInOut.config(1.7)",
"fill":"#FFFFFF"
},
"categoryHighlight":{
"ease":"Back.easeInOut.config(1.7)",
"fills":{
}
},
"svg": {
"dropShadow": {
"unitClass": ".Units-Layer",
"shadowStyle": {
"opacity": 0.15,
"dx": 0,
"dy": 10
}
}
},
"popupStyles": {
"css": {
"width": "150px",
"height": "40px",
"background-color": "#202020",
"color": "#FFFFFF"
},
"before": {
},
"after": {
"width": "0",
"height": "0",
"border-left": "20px solid transparent",
"border-right": "20px solid transparent",
"border-top": "20px solid #f00"
}
},
"popupCard": {
"html": "<div class='mapInfoBox'><div>{{name}}</div></div>'"
},
"iconStyles": {
"youarehere": {
"url": "/wf-icons/svg/yah-2.svg",
"deepUrl": "/wf-icons/svg/yah-2.svg",
"width": "34px",
"height": "34px",
"allowZoomScale": "true",
"heading": 90,
"offset": {
"x": "-17px",
"y": "-17px"
},
"pingSize": 2,
"pingSpeed": 3,
"pingColor": "#efca7e",
"pingBorderWidth": 3
},
"blueDot": {
"width": 50,
"height": 50,
"transition": "300ms",
"url": "http://upload.wikimedia.org/wikipedia/commons/thumb/e/ec/Happy_smiley_face.png/600px-Happy_smiley_face.png"
},
"exit": {
"url": "/bower_components/wayfindingMap.js/dist/images/exit-normal.svg",
"deepUrl": "/bower_components/wayfindingMap.js/dist/images/exit-normal.svg"
},
"zoomVariableIcons": {
"1": "youarehere",
"2": "exit"
},
"destination": {
"url": "/bower_components/wayfindingMap.js/dist/images/destination.svg",
"width": "51px",
"height": "51px",
"offset": {
"x": "20px",
"y": "50px"
}
},
"movers": {
"width": "40px",
"height": "40px",
"offset": {
"x": "20px",
"y": "20px"
}
},
"legends": {
"width": "28",
"height": "28",
"offset": {
"x": "14",
"y": "14"
},
"allowZoomScale":"true"
},
"pathIcon": {
"useIcon": true,
"d": "M8.6,26.7h12.6c0.4,0,0.8-0.4,0.6-0.9L15.5,3.6c-0.2-0.6-1.1-0.6-1.3,0L7.9,25.8C7.8,26.2,8.1,26.7,8.6,26.7z",
"fill": "#ff9a22",
"stroke": "transparent",
"strokeWidth": "0",
"style": "transform:translate(-15px,-15px) rotate(90deg) scale(0.5); transform-origin:50% 50%",
"animation": {
"duration": 10,
"offset": 0.9
}
}
},
"labelStyle": {
"storeLabels":{
"buffer":40
},
"all": {
"font-size": "12px",
"color": "#333"
},
"hightraffic-store-label": {
"font-size": "25px",
"color": "#333",
"max-width": "125px"
},
"anchor-store-label": {
"font-size": "27px",
"color": "#C62126",
"max-width": "125px"
},
"highway": {
"font-size": "50px",
"color": "#fff",
"white-space": "nowrap",
"font-weight": "bolder"
},
"major-street": {
"font-size": "30px",
"letter-spacing": "0.1em",
"font-family": "FlamaCondensed",
"font-weight": "600",
"text-transform": "uppercase",
"color": "#6b6e70",
"white-space": "nowrap"
}
},
"mapConfig": {
"mapLabels":{
"storeLabelStyle":"flag",
"showLogos":true,
"showLabels":true,
"sponsorShip":80
},
"startState": {
"x": 2750,
"y": 2750,
"zoom": 1,
"animateInitialState": true,
"speed":1,
"animateZoom": 10
},
"container": {
"width": "100%",
"height": "100%",
"zoomMax": 800,
"zoomMin": 50,
"iconSwapZoomRatio": 4,
"background": "#c1cdd3"
},
"mapSize": {
"width": 5500,
"height": 5500
},
"positionOffset": {
"x": 0,
"y": 0
}
},
"mapLabels": [{
"text": "Market St.",
"x": 775,
"y": 570,
"rotation": 315,
"class": "major-street"
}, {
"text": "Mission St.",
"x": 1243,
"y": 1475,
"rotation": 315,
"class": "major-street"
}, {
"text": "4th",
"x": 1600,
"y": 570,
"rotation": 45,
"class": "major-street"
}, {
"text": "5th",
"x": 570,
"y": 1450,
"rotation": 45,
"class": "major-street"
}, {
"text": "Ellis St.",
"x": 300,
"y": 300,
"rotation": 350,
"class": "major-street"
}],
"mapLayers": [
{
"name": "Units-Layer",
"fill": "#f7e7d1",
"stroke": "#758d92",
"strokeWidth": "0.5",
"vectorEffect": "non-scaling-stroke",
"clickable": "true"
},
{
"name": "Elevators-Layer",
"fill": "#F7E7D0",
"stroke": "#202020",
"strokeWidth": "1",
"vectorEffect": "non-scaling-stroke",
"display": "none"
},
{
"name": "Escalators-Layer",
"fill": "#F7E7D0",
"stroke": "#202020",
"strokeWidth": "5px",
"vectorEffect": "non-scaling-stroke",
"display": "none"
},
{
"name": "Obstacles-Layer",
"fill": "#c0cece",
"stroke": "#758d92",
"strokeWidth": "0.5",
"vectorEffect": "non-scaling-stroke",
"opacity": "1"
},
{
"name": "Streets-Major-Layer",
"fill": "none",
"stroke": "#FCFCFC",
"strokeWidth": "86",
"vectorEffect": "non-scaling-stroke",
"strokeLinejoin": "round",
"strokeMiterlimit": "10"
},
{
"name": "Streets-Minor-Layer",
"fill": "none",
"stroke": "#FCFCFC",
"strokeWidth": "34",
"vectorEffect": "non-scaling-stroke",
"strokeLinejoin": "round",
"strokeMiterlimit": "10"
},
{
"name": "Streets-SmallAlleys-Layer",
"fill": "none",
"stroke": "#FCFCFC",
"strokeWidth": "10",
"vectorEffect": "non-scaling-stroke",
"strokeLinejoin": "round",
"strokeMiterlimit": "10"
},
{
"name": "Mall-Boundary-Layer",
"fill": "#688591"
},
{
"name": "Parking-Lots-Layer",
"fill": "#F1F4ED"
},
{
"name": "Background-Layer",
"fill": "#c0cece"
}
],
"pathStyles": {
"pathType": "line",
"spacing": 5,
"pathWidth": 8,
"pathOpacity": 0.5,
"pathColor": "#ff9a22",
"additionalCss": "",
"duration": 3,
"pathFocusPadding": 50,
"pathSegmentWidth": "8px",
"pathSegmentColor": "#fff",
"pathSegmentOpacity": 0.6
}
},
"TextDirectionLocale": {
"en": {
"orientation": {
"left": "With {{landmark}} on your left, proceed forward.",
"right": "With {{landmark}} on your right, proceed forward.",
"behind": "With {{landmark}} behind you, proceed forward.",
"front": "With {{landmark}} in front of you, proceed forward."
},
"decisionPoint": {
"left": "Make a left at {{landmark}}.",
"right": "Make a right at {{landmark}}.",
"slightleft": "Make a slight left at {{landmark}}.",
"slightright": "Make a slight right at {{landmark}}.",
"hardleft": "Take a hard left at {{landmark}}.",
"hardright": "Take a hard right at {{landmark}}."
},
"mover": {
"Escalatorfloordown": "Take the Escalator down to {{floor}}",
"Escalatorfloorup": "Take the Escalator up to {{floor}}",
"Elevatorfloordown": "Take the Elevator down to {{floor}}",
"Elevatorfloorup": "Take the Elevator up to {{floor}}"
},
"endPoint": {
"end": "Arrive at {{destination}}."
}
},
"fr": {
"orientation": {
"left": "Avec {{landmark}} sur votre gauche , passez de l'avant.",
"right": "Avec {{landmark}} sur votre droite , passez de l'avant.",
"behind": "Avec {{landmark}} derrière vous , passez l'avant.",
"front": "Avec {{landmark}} en face de vous , avanceront."
},
"decisionPoint": {
"left": "Tournez à gauche au {{landmark}}.",
"right": "Tournez à droite à {{landmark}}.",
"slightleft": "Faire un léger virage à gauche au {{landmark}}.",
"slightright": "Faire légèrement à droite au {{landmark}}.",
"hardleft": "Faire un disque à gauche au {{landmark}}.",
"hardright": "Faire une droite dure au {{landmark}}."
},
"mover": {
"Escalatorfloordown": "Prenez l'escalator jusqu'à {{floor}}",
"Escalatorfloorup": "Prenez l'escalator jusqu'à {{floor}}",
"Elevatorfloordown": "Prenez l' ascenseur jusqu'à {{floor}}",
"Elevatorfloorup": "Prenez l' ascenseur jusqu'à {{floor}}"
},
"endPoint": {
"end": "Arrivée à {{destination}}."
}
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment