var iconData = {
  "id": { width: 24, height: 14 },
  "flag-shadow": { width: 40, height: 30 },
  "headquarters": { width: 32, height: 32 },
  "headquarters-shadow": { width: 59, height: 32 }
};

var officeLayer = [
  {
    "zoom": [0, 3],
    "places": [
      {
        "name": "Indonesian",
        "icon": ["id", "flag-shadow"],
        "posn": [-7.790030, 110.387298]
      },
    ]
  },
  {
    "zoom": [4, 6],
    "places": [
      {
        "name": "Yogyakarta",
        "icon": ["headquarters", "headquarters-shadow"],
        "posn": [-7.790030, 110.387298]
      },
    ]
  },
  {
    "zoom": [7, 17],
    "places": [
      {
        "name": "Home Sweet Home",
        "icon": ["headquarters", "headquarters-shadow"],
        "posn": [-7.790030, 110.387298]
      },
    ]
  }
];