Home
About
Pakistan
National Parks
Deserts of Pakistan
Events and Festivals
Sindh
Karachi
>
Karachi Sights
Karachi Food
Karachi Shopping
Hyderabad
>
Hyderabad Sights
Sukkur
>
Sukkur Sights
Larkana
Khairpur-Kot Diji
Kirthar National Park
Ranikot Fort
Sehwan Sharif-Dadu
Nawabshah
Thatta
Hala
Mirpur Khas
Punjab
Lahore
>
Lahore Sights
>
Lahore Architectural Sights
Changa Manga Wildlife Park
Balochistan
Quetta
Makran Coast
Gwadar
Hingol National Park
Ziarat
Hazarganji-Chiltan National Park
Ormara
Astola Island
Sibi
Kharan Desert
Zhob
Jiwani
Turbat
KP
Peshawar
>
Peshawar Sights
Islamabad
Margalla Hills National Park
Islamabad Sights
Islamabad Food
Islamabad Activities
Gilgit-Baltistan
AJK
Rawalkot
Contact
Faisalabad
How to add a map
City Level:
Goto maps.google.com
Search for the City which you want to add a Map for
Click on Share
Goto to the Embed Map Tab
Copy the text which starts with "<iframe..."
From the drag drop in Build, drop in the Embed Code
Paste the text inside the Custom HTML text box
Individual Place\Location:
From the drag drop in Build, drop in the Embed Code
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>
Now goto the Theme tab at the top
Click on Edit HTML/CSS
Under Assets Folder, expand the jsons node
Open mapLocations.json
Goto the very bottom of the file and paste the following template right after the SECOND LAST "}"
,
{
"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"
}
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
,
17
z/data=!3m1!4b1!4m5!3m4!1s0x38dfbfa17c956c1d:0xb60d4302754cf71b!8m2!3d33.7287485!4d73.037156
Lat
,
Long
,
Z
values can be fetched from here
The Category is a predefined list. You may find the full list in CategoryToIconMap.json file under Theme -> Assets -> sons
Click Save
Discover Pakistan