{"id":90,"date":"2013-08-11T18:47:13","date_gmt":"2013-08-11T18:47:13","guid":{"rendered":"http:\/\/localhost:8888\/test\/?page_id=514"},"modified":"2018-10-17T07:51:11","modified_gmt":"2018-10-17T07:51:11","slug":"map","status":"publish","type":"page","link":"https:\/\/islamabadclub.org.pk\/ic\/elements\/map\/","title":{"rendered":"Map"},"content":{"rendered":"\r\n\t<script type=\"text\/javascript\">\r\n  jQuery( document ).ready(function() {\r\n    function initialize() {\r\n        var styles = {\r\n            'flatsome':  [{\r\n            \"featureType\": \"administrative\",\r\n            \"stylers\": [\r\n              { \"visibility\": \"on\" }\r\n            ]\r\n          },\r\n          {\r\n            \"featureType\": \"road\",\r\n            \"stylers\": [\r\n              { \"visibility\": \"on\" },\r\n              { \"hue\": \"\" }\r\n            ]\r\n          },\r\n          {\r\n            \"stylers\": [\r\n\t\t\t  { \"visibility\": \"on\" },\r\n\t\t\t  { \"hue\": \"\" },\r\n\t\t\t  { \"saturation\": -100 }\r\n            ]\r\n          }\r\n        ]};\r\n\r\n        var myLatlng = new google.maps.LatLng(40.79022, -73.95981);\r\n        var myOptions = {\r\n            zoom: 17,\r\n            center: myLatlng,\r\n            mapTypeId: google.maps.MapTypeId.ROADMAP,\r\n            disableDefaultUI: true,\r\n            mapTypeId: 'flatsome',\r\n            draggable: true,\r\n            zoomControl: false,\r\n            zoomControlOptions: {\r\n              position: google.maps.ControlPosition.TOP_LEFT\r\n            },\r\n      \t\t\t\/\/ panControl: false,\r\n            \/\/ panControlOptions: {\r\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\r\n            \/\/ },\r\n      \t\t\tmapTypeControl: false,\r\n            mapTypeControlOptions: {\r\n              position: google.maps.ControlPosition.TOP_LEFT\r\n            },\r\n      \t\t\t\/\/ scaleControl: false,\r\n            \/\/ scaleControlOptions: {\r\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\r\n            \/\/ },\r\n      \t\t\tstreetViewControl: false,\r\n            streetViewControlOptions: {\r\n              position: google.maps.ControlPosition.TOP_LEFT\r\n            },\r\n      \t\t\t\/\/ overviewMapControl: false,\r\n            \/\/ overviewMapControlOptions: {\r\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\r\n            \/\/ },\r\n            scrollwheel: false,\r\n            disableDoubleClickZoom: true\r\n        }\r\n        var map = new google.maps.Map(document.getElementById(\"map-778279273-inner\"), myOptions);\r\n        var styledMapType = new google.maps.StyledMapType(styles['flatsome'], {name: 'flatsome'});\r\n        map.mapTypes.set('flatsome', styledMapType);\r\n\r\n        var marker = new google.maps.Marker({\r\n            position: myLatlng,\r\n            map: map,\r\n            title:\"\"\r\n        });\r\n    }\r\n\r\n    \/\/ Required to proceed\r\n    if (!(typeof google === 'object' && typeof google.maps === 'object')) {\r\n      return\r\n    }\r\n\r\n    initialize()\r\n    google.maps.event.addDomListener(window, 'resize', initialize);\r\n    });\r\n    <\/script>\r\n\r\n    <div class=\"google-map relative mb\" id=\"map-778279273\">\r\n        <div class=\"map-height\" id=\"map-778279273-inner\"><\/div>\r\n        <div id=\"map_overlay_top\"><\/div>\r\n        <div id=\"map_overlay_bottom\"><\/div>\r\n                  <div class=\"map_inner map-inner last-reset absolute x0 md-x50 lg-x50 y50 md-y50 lg-y50\">\r\n              \n<h3 class=\"uppercase\"><strong>GOOGLE MAP ELEMENT<\/strong><\/h3>\n<p class=\"lead\">Add highly customisable Google Maps to any page.<\/p>\n         <\/div>\r\n       \r\n       \n<style>\n#map-778279273 .map-inner {\n  background-color: rgb(255, 255, 255);\n  max-width: 100%;\n}\n#map-778279273 .map-height {\n  height: 400px;\n}\n@media (min-width:550px) {\n  #map-778279273 .map-inner {\n    max-width: 30%;\n  }\n}\n<\/style>\n    <\/div>\r\n\r\n\t\n<div class=\"container section-title-container\" style=\"margin-top:14px;\"><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" >Examples<\/span><b><\/b><\/h3><\/div>\n<div class=\"row\"  id=\"row-940972368\">\n\r\n\t<div id=\"col-1363364560\" class=\"col medium-6 small-12 large-6\"  >\r\n\t\t\t\t<div class=\"col-inner\"  >\r\n\t\t\t\r\n\t\t\t\n\r\n\t<script type=\"text\/javascript\">\r\n  jQuery( document ).ready(function() {\r\n    function initialize() {\r\n        var styles = {\r\n            'flatsome':  [{\r\n            \"featureType\": \"administrative\",\r\n            \"stylers\": [\r\n              { \"visibility\": \"on\" }\r\n            ]\r\n          },\r\n          {\r\n            \"featureType\": \"road\",\r\n            \"stylers\": [\r\n              { \"visibility\": \"on\" },\r\n              { \"hue\": \"\" }\r\n            ]\r\n          },\r\n          {\r\n            \"stylers\": [\r\n\t\t\t  { \"visibility\": \"on\" },\r\n\t\t\t  { \"hue\": \"\" },\r\n\t\t\t  { \"saturation\": -30 }\r\n            ]\r\n          }\r\n        ]};\r\n\r\n        var myLatlng = new google.maps.LatLng(40.79028, -73.95972);\r\n        var myOptions = {\r\n            zoom: 17,\r\n            center: myLatlng,\r\n            mapTypeId: google.maps.MapTypeId.ROADMAP,\r\n            disableDefaultUI: true,\r\n            mapTypeId: 'flatsome',\r\n            draggable: true,\r\n            zoomControl: false,\r\n            zoomControlOptions: {\r\n              position: google.maps.ControlPosition.TOP_LEFT\r\n            },\r\n      \t\t\t\/\/ panControl: false,\r\n            \/\/ panControlOptions: {\r\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\r\n            \/\/ },\r\n      \t\t\tmapTypeControl: false,\r\n            mapTypeControlOptions: {\r\n              position: google.maps.ControlPosition.TOP_LEFT\r\n            },\r\n      \t\t\t\/\/ scaleControl: false,\r\n            \/\/ scaleControlOptions: {\r\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\r\n            \/\/ },\r\n      \t\t\tstreetViewControl: false,\r\n            streetViewControlOptions: {\r\n              position: google.maps.ControlPosition.TOP_LEFT\r\n            },\r\n      \t\t\t\/\/ overviewMapControl: false,\r\n            \/\/ overviewMapControlOptions: {\r\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\r\n            \/\/ },\r\n            scrollwheel: false,\r\n            disableDoubleClickZoom: true\r\n        }\r\n        var map = new google.maps.Map(document.getElementById(\"map-2914296436-inner\"), myOptions);\r\n        var styledMapType = new google.maps.StyledMapType(styles['flatsome'], {name: 'flatsome'});\r\n        map.mapTypes.set('flatsome', styledMapType);\r\n\r\n        var marker = new google.maps.Marker({\r\n            position: myLatlng,\r\n            map: map,\r\n            title:\"\"\r\n        });\r\n    }\r\n\r\n    \/\/ Required to proceed\r\n    if (!(typeof google === 'object' && typeof google.maps === 'object')) {\r\n      return\r\n    }\r\n\r\n    initialize()\r\n    google.maps.event.addDomListener(window, 'resize', initialize);\r\n    });\r\n    <\/script>\r\n\r\n    <div class=\"google-map relative mb\" id=\"map-2914296436\">\r\n        <div class=\"map-height\" id=\"map-2914296436-inner\"><\/div>\r\n        <div id=\"map_overlay_top\"><\/div>\r\n        <div id=\"map_overlay_bottom\"><\/div>\r\n                  <div class=\"map_inner map-inner last-reset absolute x95 md-x95 lg-x95 y95 md-y95 lg-y95\">\r\n              \n<p>Enter street adress here. Or any other information you want.<\/p>\n         <\/div>\r\n       \r\n       \n<style>\n#map-2914296436 .map-inner {\n  background-color: #fff;\n  max-width: 30%;\n}\n#map-2914296436 .map-height {\n  height: 400px;\n}\n<\/style>\n    <\/div>\r\n\r\n\t\n\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\n\r\n\t<div id=\"col-1609199622\" class=\"col medium-6 small-12 large-6\"  >\r\n\t\t\t\t<div class=\"col-inner\"  >\r\n\t\t\t\r\n\t\t\t\n\r\n\t<script type=\"text\/javascript\">\r\n  jQuery( document ).ready(function() {\r\n    function initialize() {\r\n        var styles = {\r\n            'flatsome':  [{\r\n            \"featureType\": \"administrative\",\r\n            \"stylers\": [\r\n              { \"visibility\": \"on\" }\r\n            ]\r\n          },\r\n          {\r\n            \"featureType\": \"road\",\r\n            \"stylers\": [\r\n              { \"visibility\": \"on\" },\r\n              { \"hue\": \"\" }\r\n            ]\r\n          },\r\n          {\r\n            \"stylers\": [\r\n\t\t\t  { \"visibility\": \"on\" },\r\n\t\t\t  { \"hue\": \"\" },\r\n\t\t\t  { \"saturation\": -30 }\r\n            ]\r\n          }\r\n        ]};\r\n\r\n        var myLatlng = new google.maps.LatLng(40.79028, -73.95972);\r\n        var myOptions = {\r\n            zoom: 17,\r\n            center: myLatlng,\r\n            mapTypeId: google.maps.MapTypeId.ROADMAP,\r\n            disableDefaultUI: true,\r\n            mapTypeId: 'flatsome',\r\n            draggable: true,\r\n            zoomControl: true,\r\n            zoomControlOptions: {\r\n              position: google.maps.ControlPosition.TOP_LEFT\r\n            },\r\n      \t\t\t\/\/ panControl: true,\r\n            \/\/ panControlOptions: {\r\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\r\n            \/\/ },\r\n      \t\t\tmapTypeControl: true,\r\n            mapTypeControlOptions: {\r\n              position: google.maps.ControlPosition.TOP_LEFT\r\n            },\r\n      \t\t\t\/\/ scaleControl: true,\r\n            \/\/ scaleControlOptions: {\r\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\r\n            \/\/ },\r\n      \t\t\tstreetViewControl: true,\r\n            streetViewControlOptions: {\r\n              position: google.maps.ControlPosition.TOP_LEFT\r\n            },\r\n      \t\t\t\/\/ overviewMapControl: true,\r\n            \/\/ overviewMapControlOptions: {\r\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\r\n            \/\/ },\r\n            scrollwheel: false,\r\n            disableDoubleClickZoom: true\r\n        }\r\n        var map = new google.maps.Map(document.getElementById(\"map-1397444388-inner\"), myOptions);\r\n        var styledMapType = new google.maps.StyledMapType(styles['flatsome'], {name: 'flatsome'});\r\n        map.mapTypes.set('flatsome', styledMapType);\r\n\r\n        var marker = new google.maps.Marker({\r\n            position: myLatlng,\r\n            map: map,\r\n            title:\"\"\r\n        });\r\n    }\r\n\r\n    \/\/ Required to proceed\r\n    if (!(typeof google === 'object' && typeof google.maps === 'object')) {\r\n      return\r\n    }\r\n\r\n    initialize()\r\n    google.maps.event.addDomListener(window, 'resize', initialize);\r\n    });\r\n    <\/script>\r\n\r\n    <div class=\"google-map relative mb\" id=\"map-1397444388\">\r\n        <div class=\"map-height\" id=\"map-1397444388-inner\"><\/div>\r\n        <div id=\"map_overlay_top\"><\/div>\r\n        <div id=\"map_overlay_bottom\"><\/div>\r\n                  <div class=\"map_inner map-inner last-reset absolute x95 md-x95 lg-x95 y95 md-y95 lg-y95\">\r\n              \n<p><strong>Map With Tools<\/strong><\/p>\n         <\/div>\r\n       \r\n       \n<style>\n#map-1397444388 .map-inner {\n  background-color: #fff;\n  max-width: 30%;\n}\n#map-1397444388 .map-height {\n  height: 400px;\n}\n<\/style>\n    <\/div>\r\n\r\n\t\n\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\n\r\n\t<div id=\"col-1141811167\" class=\"col medium-6 small-12 large-6\"  >\r\n\t\t\t\t<div class=\"col-inner\"  >\r\n\t\t\t\r\n\t\t\t\n\r\n\t<script type=\"text\/javascript\">\r\n  jQuery( document ).ready(function() {\r\n    function initialize() {\r\n        var styles = {\r\n            'flatsome':  [{\r\n            \"featureType\": \"administrative\",\r\n            \"stylers\": [\r\n              { \"visibility\": \"on\" }\r\n            ]\r\n          },\r\n          {\r\n            \"featureType\": \"road\",\r\n            \"stylers\": [\r\n              { \"visibility\": \"on\" },\r\n              { \"hue\": \"#6d5854\" }\r\n            ]\r\n          },\r\n          {\r\n            \"stylers\": [\r\n\t\t\t  { \"visibility\": \"on\" },\r\n\t\t\t  { \"hue\": \"#6d5854\" },\r\n\t\t\t  { \"saturation\": -30 }\r\n            ]\r\n          }\r\n        ]};\r\n\r\n        var myLatlng = new google.maps.LatLng(40.79028, -73.95972);\r\n        var myOptions = {\r\n            zoom: 17,\r\n            center: myLatlng,\r\n            mapTypeId: google.maps.MapTypeId.ROADMAP,\r\n            disableDefaultUI: true,\r\n            mapTypeId: 'flatsome',\r\n            draggable: true,\r\n            zoomControl: false,\r\n            zoomControlOptions: {\r\n              position: google.maps.ControlPosition.TOP_LEFT\r\n            },\r\n      \t\t\t\/\/ panControl: false,\r\n            \/\/ panControlOptions: {\r\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\r\n            \/\/ },\r\n      \t\t\tmapTypeControl: false,\r\n            mapTypeControlOptions: {\r\n              position: google.maps.ControlPosition.TOP_LEFT\r\n            },\r\n      \t\t\t\/\/ scaleControl: false,\r\n            \/\/ scaleControlOptions: {\r\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\r\n            \/\/ },\r\n      \t\t\tstreetViewControl: false,\r\n            streetViewControlOptions: {\r\n              position: google.maps.ControlPosition.TOP_LEFT\r\n            },\r\n      \t\t\t\/\/ overviewMapControl: false,\r\n            \/\/ overviewMapControlOptions: {\r\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\r\n            \/\/ },\r\n            scrollwheel: false,\r\n            disableDoubleClickZoom: true\r\n        }\r\n        var map = new google.maps.Map(document.getElementById(\"map-1451340279-inner\"), myOptions);\r\n        var styledMapType = new google.maps.StyledMapType(styles['flatsome'], {name: 'flatsome'});\r\n        map.mapTypes.set('flatsome', styledMapType);\r\n\r\n        var marker = new google.maps.Marker({\r\n            position: myLatlng,\r\n            map: map,\r\n            title:\"\"\r\n        });\r\n    }\r\n\r\n    \/\/ Required to proceed\r\n    if (!(typeof google === 'object' && typeof google.maps === 'object')) {\r\n      return\r\n    }\r\n\r\n    initialize()\r\n    google.maps.event.addDomListener(window, 'resize', initialize);\r\n    });\r\n    <\/script>\r\n\r\n    <div class=\"google-map relative mb\" id=\"map-1451340279\">\r\n        <div class=\"map-height\" id=\"map-1451340279-inner\"><\/div>\r\n        <div id=\"map_overlay_top\"><\/div>\r\n        <div id=\"map_overlay_bottom\"><\/div>\r\n                  <div class=\"map_inner map-inner last-reset absolute x95 md-x95 lg-x95 y95 md-y95 lg-y95\">\r\n              \n<p>Use any color \u00a0for your map<\/p>\n         <\/div>\r\n       \r\n       \n<style>\n#map-1451340279 .map-inner {\n  background-color: #fff;\n  max-width: 89%;\n}\n#map-1451340279 .map-height {\n  height: 400px;\n}\n@media (min-width:550px) {\n  #map-1451340279 .map-inner {\n    max-width: 30%;\n  }\n}\n<\/style>\n    <\/div>\r\n\r\n\t\n\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\n\r\n\t<div id=\"col-1767489963\" class=\"col medium-6 small-12 large-6\"  >\r\n\t\t\t\t<div class=\"col-inner\"  >\r\n\t\t\t\r\n\t\t\t\n\r\n\t<script type=\"text\/javascript\">\r\n  jQuery( document ).ready(function() {\r\n    function initialize() {\r\n        var styles = {\r\n            'flatsome':  [{\r\n            \"featureType\": \"administrative\",\r\n            \"stylers\": [\r\n              { \"visibility\": \"on\" }\r\n            ]\r\n          },\r\n          {\r\n            \"featureType\": \"road\",\r\n            \"stylers\": [\r\n              { \"visibility\": \"on\" },\r\n              { \"hue\": \"\" }\r\n            ]\r\n          },\r\n          {\r\n            \"stylers\": [\r\n\t\t\t  { \"visibility\": \"on\" },\r\n\t\t\t  { \"hue\": \"\" },\r\n\t\t\t  { \"saturation\": -100 }\r\n            ]\r\n          }\r\n        ]};\r\n\r\n        var myLatlng = new google.maps.LatLng(40.79028, -73.95972);\r\n        var myOptions = {\r\n            zoom: 17,\r\n            center: myLatlng,\r\n            mapTypeId: google.maps.MapTypeId.ROADMAP,\r\n            disableDefaultUI: true,\r\n            mapTypeId: 'flatsome',\r\n            draggable: true,\r\n            zoomControl: false,\r\n            zoomControlOptions: {\r\n              position: google.maps.ControlPosition.TOP_LEFT\r\n            },\r\n      \t\t\t\/\/ panControl: false,\r\n            \/\/ panControlOptions: {\r\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\r\n            \/\/ },\r\n      \t\t\tmapTypeControl: false,\r\n            mapTypeControlOptions: {\r\n              position: google.maps.ControlPosition.TOP_LEFT\r\n            },\r\n      \t\t\t\/\/ scaleControl: false,\r\n            \/\/ scaleControlOptions: {\r\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\r\n            \/\/ },\r\n      \t\t\tstreetViewControl: false,\r\n            streetViewControlOptions: {\r\n              position: google.maps.ControlPosition.TOP_LEFT\r\n            },\r\n      \t\t\t\/\/ overviewMapControl: false,\r\n            \/\/ overviewMapControlOptions: {\r\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\r\n            \/\/ },\r\n            scrollwheel: false,\r\n            disableDoubleClickZoom: true\r\n        }\r\n        var map = new google.maps.Map(document.getElementById(\"map-136353182-inner\"), myOptions);\r\n        var styledMapType = new google.maps.StyledMapType(styles['flatsome'], {name: 'flatsome'});\r\n        map.mapTypes.set('flatsome', styledMapType);\r\n\r\n        var marker = new google.maps.Marker({\r\n            position: myLatlng,\r\n            map: map,\r\n            title:\"\"\r\n        });\r\n    }\r\n\r\n    \/\/ Required to proceed\r\n    if (!(typeof google === 'object' && typeof google.maps === 'object')) {\r\n      return\r\n    }\r\n\r\n    initialize()\r\n    google.maps.event.addDomListener(window, 'resize', initialize);\r\n    });\r\n    <\/script>\r\n\r\n    <div class=\"google-map relative mb\" id=\"map-136353182\">\r\n        <div class=\"map-height\" id=\"map-136353182-inner\"><\/div>\r\n        <div id=\"map_overlay_top\"><\/div>\r\n        <div id=\"map_overlay_bottom\"><\/div>\r\n                  <div class=\"map_inner map-inner last-reset absolute x5 md-x5 lg-x5 y5 md-y5 lg-y5\">\r\n              \n<p>Enter street adress here. Or any other information you want.<\/p>\n         <\/div>\r\n       \r\n       \n<style>\n#map-136353182 .map-inner {\n  background-color: #fff;\n  max-width: 86%;\n}\n#map-136353182 .map-height {\n  height: 400px;\n}\n@media (min-width:550px) {\n  #map-136353182 .map-inner {\n    max-width: 30%;\n  }\n}\n<\/style>\n    <\/div>\r\n\r\n\t\n\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\n<\/div>\n\r\n\t<script type=\"text\/javascript\">\r\n  jQuery( document ).ready(function() {\r\n    function initialize() {\r\n        var styles = {\r\n            'flatsome':  [{\r\n            \"featureType\": \"administrative\",\r\n            \"stylers\": [\r\n              { \"visibility\": \"on\" }\r\n            ]\r\n          },\r\n          {\r\n            \"featureType\": \"road\",\r\n            \"stylers\": [\r\n              { \"visibility\": \"on\" },\r\n              { \"hue\": \"\" }\r\n            ]\r\n          },\r\n          {\r\n            \"stylers\": [\r\n\t\t\t  { \"visibility\": \"on\" },\r\n\t\t\t  { \"hue\": \"\" },\r\n\t\t\t  { \"saturation\": 44 }\r\n            ]\r\n          }\r\n        ]};\r\n\r\n        var myLatlng = new google.maps.LatLng(40.79022, -73.95981);\r\n        var myOptions = {\r\n            zoom: 17,\r\n            center: myLatlng,\r\n            mapTypeId: google.maps.MapTypeId.ROADMAP,\r\n            disableDefaultUI: true,\r\n            mapTypeId: 'flatsome',\r\n            draggable: true,\r\n            zoomControl: false,\r\n            zoomControlOptions: {\r\n              position: google.maps.ControlPosition.TOP_LEFT\r\n            },\r\n      \t\t\t\/\/ panControl: false,\r\n            \/\/ panControlOptions: {\r\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\r\n            \/\/ },\r\n      \t\t\tmapTypeControl: false,\r\n            mapTypeControlOptions: {\r\n              position: google.maps.ControlPosition.TOP_LEFT\r\n            },\r\n      \t\t\t\/\/ scaleControl: false,\r\n            \/\/ scaleControlOptions: {\r\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\r\n            \/\/ },\r\n      \t\t\tstreetViewControl: false,\r\n            streetViewControlOptions: {\r\n              position: google.maps.ControlPosition.TOP_LEFT\r\n            },\r\n      \t\t\t\/\/ overviewMapControl: false,\r\n            \/\/ overviewMapControlOptions: {\r\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\r\n            \/\/ },\r\n            scrollwheel: false,\r\n            disableDoubleClickZoom: true\r\n        }\r\n        var map = new google.maps.Map(document.getElementById(\"map-4178945060-inner\"), myOptions);\r\n        var styledMapType = new google.maps.StyledMapType(styles['flatsome'], {name: 'flatsome'});\r\n        map.mapTypes.set('flatsome', styledMapType);\r\n\r\n        var marker = new google.maps.Marker({\r\n            position: myLatlng,\r\n            map: map,\r\n            title:\"\"\r\n        });\r\n    }\r\n\r\n    \/\/ Required to proceed\r\n    if (!(typeof google === 'object' && typeof google.maps === 'object')) {\r\n      return\r\n    }\r\n\r\n    initialize()\r\n    google.maps.event.addDomListener(window, 'resize', initialize);\r\n    });\r\n    <\/script>\r\n\r\n    <div class=\"google-map relative mb\" id=\"map-4178945060\">\r\n        <div class=\"map-height\" id=\"map-4178945060-inner\"><\/div>\r\n        <div id=\"map_overlay_top\"><\/div>\r\n        <div id=\"map_overlay_bottom\"><\/div>\r\n                  <div class=\"map_inner map-inner last-reset absolute x100 md-x95 lg-x95 y100 md-y10 lg-y10\">\r\n              \n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-normal\"><b><\/b><span class=\"section-title-main\" ><i class=\"icon-envelop\" ><\/i>A map with a Form<\/span><b><\/b><\/h3><\/div>\n<p>(insert contact form here)<\/p>\n         <\/div>\r\n       \r\n       \n<style>\n#map-4178945060 .map-inner {\n  background-color: rgba(255, 255, 255, 0.85);\n  max-width: 100%;\n}\n#map-4178945060 .map-height {\n  height: 747px;\n}\n@media (min-width:550px) {\n  #map-4178945060 .map-inner {\n    max-width: 30%;\n  }\n  #map-4178945060 .map-height {\n    height: 589px;\n  }\n}\n<\/style>\n    <\/div>\r\n\r\n\t\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":11,"parent":96,"menu_order":20,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-90","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Map - Islamabad Club<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/islamabadclub.org.pk\/ic\/elements\/map\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Map - Islamabad Club\" \/>\n<meta property=\"og:url\" content=\"https:\/\/islamabadclub.org.pk\/ic\/elements\/map\/\" \/>\n<meta property=\"og:site_name\" content=\"Islamabad Club\" \/>\n<meta property=\"article:modified_time\" content=\"2018-10-17T07:51:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/islamabadclub.org.pk\/ic\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"400\" \/>\n\t<meta property=\"og:image:height\" content=\"260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/islamabadclub.org.pk\\\/ic\\\/elements\\\/map\\\/\",\"url\":\"https:\\\/\\\/islamabadclub.org.pk\\\/ic\\\/elements\\\/map\\\/\",\"name\":\"Map - Islamabad Club\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/islamabadclub.org.pk\\\/new\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/islamabadclub.org.pk\\\/ic\\\/elements\\\/map\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/islamabadclub.org.pk\\\/ic\\\/elements\\\/map\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/islamabadclub.org.pk\\\/ic\\\/wp-content\\\/uploads\\\/2016\\\/08\\\/dummy-1.jpg\",\"datePublished\":\"2013-08-11T18:47:13+00:00\",\"dateModified\":\"2018-10-17T07:51:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/islamabadclub.org.pk\\\/ic\\\/elements\\\/map\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/islamabadclub.org.pk\\\/ic\\\/elements\\\/map\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/islamabadclub.org.pk\\\/ic\\\/elements\\\/map\\\/#primaryimage\",\"url\":\"https:\\\/\\\/islamabadclub.org.pk\\\/ic\\\/wp-content\\\/uploads\\\/2016\\\/08\\\/dummy-1.jpg\",\"contentUrl\":\"https:\\\/\\\/islamabadclub.org.pk\\\/ic\\\/wp-content\\\/uploads\\\/2016\\\/08\\\/dummy-1.jpg\",\"width\":400,\"height\":260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/islamabadclub.org.pk\\\/ic\\\/elements\\\/map\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/islamabadclub.org.pk\\\/ic\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elements\",\"item\":\"https:\\\/\\\/islamabadclub.org.pk\\\/ic\\\/elements\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Map\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/islamabadclub.org.pk\\\/new\\\/#website\",\"url\":\"https:\\\/\\\/islamabadclub.org.pk\\\/new\\\/\",\"name\":\"Islamabad Club\",\"description\":\"Welcome to Islamabad Club\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/islamabadclub.org.pk\\\/new\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Map - Islamabad Club","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/islamabadclub.org.pk\/ic\/elements\/map\/","og_locale":"en_US","og_type":"article","og_title":"Map - Islamabad Club","og_url":"https:\/\/islamabadclub.org.pk\/ic\/elements\/map\/","og_site_name":"Islamabad Club","article_modified_time":"2018-10-17T07:51:11+00:00","og_image":[{"width":400,"height":260,"url":"https:\/\/islamabadclub.org.pk\/ic\/wp-content\/uploads\/2016\/08\/dummy-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/islamabadclub.org.pk\/ic\/elements\/map\/","url":"https:\/\/islamabadclub.org.pk\/ic\/elements\/map\/","name":"Map - Islamabad Club","isPartOf":{"@id":"https:\/\/islamabadclub.org.pk\/new\/#website"},"primaryImageOfPage":{"@id":"https:\/\/islamabadclub.org.pk\/ic\/elements\/map\/#primaryimage"},"image":{"@id":"https:\/\/islamabadclub.org.pk\/ic\/elements\/map\/#primaryimage"},"thumbnailUrl":"https:\/\/islamabadclub.org.pk\/ic\/wp-content\/uploads\/2016\/08\/dummy-1.jpg","datePublished":"2013-08-11T18:47:13+00:00","dateModified":"2018-10-17T07:51:11+00:00","breadcrumb":{"@id":"https:\/\/islamabadclub.org.pk\/ic\/elements\/map\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/islamabadclub.org.pk\/ic\/elements\/map\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/islamabadclub.org.pk\/ic\/elements\/map\/#primaryimage","url":"https:\/\/islamabadclub.org.pk\/ic\/wp-content\/uploads\/2016\/08\/dummy-1.jpg","contentUrl":"https:\/\/islamabadclub.org.pk\/ic\/wp-content\/uploads\/2016\/08\/dummy-1.jpg","width":400,"height":260},{"@type":"BreadcrumbList","@id":"https:\/\/islamabadclub.org.pk\/ic\/elements\/map\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/islamabadclub.org.pk\/ic\/"},{"@type":"ListItem","position":2,"name":"Elements","item":"https:\/\/islamabadclub.org.pk\/ic\/elements\/"},{"@type":"ListItem","position":3,"name":"Map"}]},{"@type":"WebSite","@id":"https:\/\/islamabadclub.org.pk\/new\/#website","url":"https:\/\/islamabadclub.org.pk\/new\/","name":"Islamabad Club","description":"Welcome to Islamabad Club","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/islamabadclub.org.pk\/new\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/islamabadclub.org.pk\/ic\/wp-json\/wp\/v2\/pages\/90","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/islamabadclub.org.pk\/ic\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/islamabadclub.org.pk\/ic\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/islamabadclub.org.pk\/ic\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/islamabadclub.org.pk\/ic\/wp-json\/wp\/v2\/comments?post=90"}],"version-history":[{"count":1,"href":"https:\/\/islamabadclub.org.pk\/ic\/wp-json\/wp\/v2\/pages\/90\/revisions"}],"predecessor-version":[{"id":153,"href":"https:\/\/islamabadclub.org.pk\/ic\/wp-json\/wp\/v2\/pages\/90\/revisions\/153"}],"up":[{"embeddable":true,"href":"https:\/\/islamabadclub.org.pk\/ic\/wp-json\/wp\/v2\/pages\/96"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/islamabadclub.org.pk\/ic\/wp-json\/wp\/v2\/media\/11"}],"wp:attachment":[{"href":"https:\/\/islamabadclub.org.pk\/ic\/wp-json\/wp\/v2\/media?parent=90"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}