How to add a map

City Level:

1. Goto maps.google.com
2. Search for the City which you want to add a Map for
3. Click on Share
4. Goto to the Embed Map Tab
5. Copy the text which starts with "<iframe..."
6. From the drag drop in Build, drop in the Embed Code
7. Paste the text inside the Custom HTML text box

Individual Place\Location:

1. From the drag drop in Build, drop in the Embed Code
2. Paste the following text inside the Custom HTML text box:
   • <div id="map_canvas" style="width:100%; height:100%">
     <script type="text/javascript">
         initializeMap();
     </script>
     <br/><br/><br/><br/>
     <br/><br/><br/><br/>
     <br/><br/><br/><br/>
     <br/><br/><br/>
     </div>
3. Now goto the Theme tab at the top
4. Click on Edit HTML/CSS
5. Under Assets Folder, expand the jsons node
6. Open mapLocations.json
7. Goto the very bottom of the file and paste the following template right after the SECOND LAST "}"
   1. ,
        {
          "Name":"<Location Name>",
          "Region":"<Provice OR Islamabad>",
          "Lat":<Google Lat value>,
          "Long":<Google Long value>,
          "Zindex":<Google Z value>,
          "Zoom":16,
          "Category":"<Sights, Food, etc>",
          "Description":"<div style = 'display:inline-block'><p class='maptitle'><b>#DestName</b></p><p class='mapparagraph'>More Details: <a href='#DestURL'>#DestName</a><br/><a target='_blank' href='https://maps.google.com?daddr=#DestLatLng'>Get Directions To #DestName</a></p></div>",
          "URL":"<PageName>.html"
        }
   2. To get lat long and Z value, search for the pace on google maps. Then look at the url once the result shows up. It should have some info like below:
      • https://www.google.com/maps/place/Shah+Faisal+Mosque+Islamabad/@33.7287485,73.0349673,17z/data=!3m1!4b1!4m5!3m4!1s0x38dfbfa17c956c1d:0xb60d4302754cf71b!8m2!3d33.7287485!4d73.037156
   3. Lat,Long,Z values can be fetched from here
   4. The Category is a predefined list. You may find the full list in CategoryToIconMap.json file under Theme -> Assets -> sons
8. Click Save