{"id":511,"date":"2017-07-02T11:50:07","date_gmt":"2017-07-02T11:50:07","guid":{"rendered":"http:\/\/xtratheme.com\/building\/?page_id=511"},"modified":"2022-07-08T02:31:57","modified_gmt":"2022-07-07T22:01:57","slug":"google-map","status":"publish","type":"page","link":"https:\/\/kaafco.com\/en\/google-map\/","title":{"rendered":"Google Map"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div id=\"cz_94281\" class=\"cz_94281 gmap\" data-api-key=\"AIzaSyBtD89e_63nmA6xcZWW4y0s5Ll9HPTCvVQ\"> <\/div><div ><\/div><script>\r\n\r\n\t\tfunction mapfunction_cz_94281() {\r\n\r\n\t\t\tconst codevzPlusWaitForOverlay = setInterval(() => {\r\n\r\n\t\t\t\tif (typeof google.maps.OverlayView !== \"undefined\") {\r\n\r\n\t\t\t\t\tclearInterval(codevzPlusWaitForOverlay);\r\n\r\n\t\t\t\t\tgoogle.maps.Map.prototype.setCenterWithOffset = function(latlng, offsetX, offsetY) {\r\n\t\t\t\t\t    var map = this;\r\n\t\t\t\t\t    var ov = new google.maps.OverlayView();\r\n\t\t\t\t\t    ov.onAdd = function() {\r\n\t\t\t\t\t        var proj = this.getProjection();\r\n\t\t\t\t\t        var aPoint = proj.fromLatLngToContainerPixel(latlng);\r\n\t\t\t\t\t        aPoint.x = aPoint.x+offsetX;\r\n\t\t\t\t\t        aPoint.y = aPoint.y+offsetY;\r\n\t\t\t\t\t        map.setCenter(proj.fromContainerPixelToLatLng(aPoint));\r\n\t\t\t\t\t    }; \r\n\t\t\t\t\t    ov.draw = function() {}; \r\n\t\t\t\t\t    ov.setMap(this); \r\n\t\t\t\t\t};\r\n\r\n\t\t\t\t\tvar windx = jQuery(window), \r\n\r\n\t\t\t\t\t\tlatlng = { lat:40.712784, lng:-74.005941},\r\n\r\n\t\t\t\t\t\tmyOptions = {\r\n\t\t\t\t\t\t\tmapId: \"\",\r\n\t\t\t\t\t\t\tzoom: 14,\r\n\t\t\t\t\t\t\tscrollwheel: false,\r\n\t\t\t\t\t\t\tdisableDefaultUI: false,\r\n\t\t\t\t\t\t\tcenter: latlng,\r\n\t\t\t\t\t\t\tfullscreenControl: false,\r\n\t\t\t\t\t\t\tmapTypeControl: false,\r\n\t\t\t\t\t\t\tkeyboardShortcuts: false\r\n\t\t\t\t\t\t},\r\n\r\n\t\t\t\t\t\tcz_94281 = new google.maps.Map(document.getElementById(\"cz_94281\"), myOptions ),\r\n\r\n\t\t\t\t\t\tsetCenterOffset = function() {\r\n\r\n\t\t\t\t\t\t\tif ( windx.width() < 768 ) {\r\n\t\t\t\t\t\t\t\tcz_94281.setCenterWithOffset( latlng, 0, 0 );\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\tcz_94281.setCenterWithOffset( latlng, 0, 0 );\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\tsetCenterOffset();\r\n\r\n\t\t\t\t\t\twindx.on( \"resize\", function() {\r\n\t\t\t\t\t\t\tsetCenterOffset();\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\tvar styles = [{\"featureType\": \"all\",stylers: [{ hue: \"#efae16\" },{ saturation: -20}]}];var styledMap = new google.maps.StyledMapType(styles,{name: \"Styled Map\"});cz_94281.mapTypes.set(\"map_style\", styledMap);  cz_94281.setMapTypeId(\"map_style\");class CustomMarker extends google.maps.OverlayView {\r\n\t\t\t\t\t\t    constructor(position, map) {\r\n\t\t\t\t\t\t        super();\r\n\t\t\t\t\t\t        this.position = position;\r\n\t\t\t\t\t\t        this.map = map;\r\n\t\t\t\t\t\t        this.div = null;\r\n\t\t\t\t\t\t        this.setMap(map);\r\n\t\t\t\t\t\t    }\r\n\r\n\t\t\t\t\t\t    onAdd() {\r\n\t\t\t\t\t\t        this.div = document.createElement(\"div\");\r\n\t\t\t\t\t\t        this.div.style.position = \"absolute\";\r\n\t\t\t\t\t\t        this.div.style.cursor = \"pointer\";\r\n\t\t\t\t\t\t        this.div.style.transform = \"translate(-50%, -100%)\";\r\n\t\t\t\t\t\t        this.div.innerHTML = `<div style=\"position:relative; text-align:center;\">\r\n\t\t\t\t\t\t                                <div style=\"position:absolute;top: -10px;left: 50%;transform: translate(-50%, -100%);background: white;color: #202020;padding: 15px 20px;border-radius: 2px;font-size: 15px;white-space: nowrap;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);display: none;font-family: Arial, sans-serif;\" class=\"tooltip\">\r\n\t\t\t\t\t\t                                \tConstruction Office\r\n\t\t\t\t\t\t                                <\/div>\r\n\t\t\t\t\t\t                                <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/kaafco.com\/wp-content\/uploads\/2018\/01\/pin-cons-1.png\" style=\"display:block;\" \/>\r\n\t\t\t\t\t\t                              <\/div>`;\r\n\r\n\t\t\t\t\t\t        this.getPanes().overlayMouseTarget.appendChild(this.div);\r\n\t\t\t\t\t\t        this.tooltip = this.div.querySelector(\".tooltip\");\r\n\r\n\t\t\t\t\t\t        \/\/ Show title on click\r\n\t\t\t\t\t\t        this.div.addEventListener(\"click\", (event) => {\r\n\t\t\t\t\t\t            event.stopPropagation();\r\n\t\t\t\t\t\t            this.tooltip.style.display = this.tooltip.style.display === \"block\" ? \"none\" : \"block\";\r\n\t\t\t\t\t\t        });\r\n\r\n\t\t\t\t\t\t        \/\/ Hide title when clicking outside\r\n\t\t\t\t\t\t        google.maps.event.addListener(this.map, \"click\", () => {\r\n\t\t\t\t\t\t            this.tooltip.style.display = \"none\";\r\n\t\t\t\t\t\t        });\r\n\t\t\t\t\t\t    }\r\n\r\n\t\t\t\t\t\t    draw() {\r\n\t\t\t\t\t\t        const overlayProjection = this.getProjection();\r\n\t\t\t\t\t\t        const position = overlayProjection.fromLatLngToDivPixel(this.position);\r\n\r\n\t\t\t\t\t\t        if (position && this.div) {\r\n\t\t\t\t\t\t            this.div.style.left = `${position.x}px`;\r\n\t\t\t\t\t\t            this.div.style.top = `${position.y}px`;\r\n\t\t\t\t\t\t        }\r\n\t\t\t\t\t\t    }\r\n\r\n\t\t\t\t\t\t    onRemove() {\r\n\t\t\t\t\t\t        if (this.div) {\r\n\t\t\t\t\t\t            this.div.parentNode.removeChild(this.div);\r\n\t\t\t\t\t\t            this.div = null;\r\n\t\t\t\t\t\t        }\r\n\t\t\t\t\t\t    }\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\/\/ Add a custom marker at a specific location\r\n\t\t\t\t\t\tnew CustomMarker(new google.maps.LatLng(40.712784, -74.005941), cz_94281);}}, 250 );}<\/script><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>Magnesite brick or magnesia brick is one of the types of furnace refractory brick that has alkaline properties. Magnesite bricks are known for their good resistance to alkaline slag and low vulnerability to iron oxide and alkaline materials.<br \/>\nKaaf refractory products, manufacturer and supplier of all types of refractory bricks.<br \/>\n<a href=\"https:\/\/kaafco.com\/en\/magnesia\/\">Magnesia Bricks<\/a><br \/>\n<a href=\"https:\/\/kaafco.com\/en\/silica-brick\/\">Silica bricks<\/a><\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/kaafco.com\/en\/\">Fire brick<\/a> \u0646\u0633\u0648\u0632 \u0645\u062e\u0635\u0648\u0635 \u06a9\u0648\u0631\u0647 \u0647\u0627\u06cc \u0628\u0627 \u062d\u0631\u0627\u0631\u062a \u0628\u0627\u0644\u0627 <a href=\"https:\/\/kaafco.com\/en\/magnesia\/\">Magnesia Bricks<\/a> \u060c <a href=\"https:\/\/kaafco.com\/en\/silica-brick\/\">Silica Refractory Brick<\/a>\u060c \u0622\u062c\u0631 \u06a9\u0627\u0641 \u062a\u0648\u0644\u06cc\u062f \u06a9\u0646\u0646\u062f\u0647 \u0622\u062c\u0631 \u0647\u0627\u06cc \u0635\u0646\u0639\u062a\u06cc<\/p>\n<p>\u0641\u0631\u0627\u0648\u0631\u062f \u0647\u0627\u06cc \u0646\u0633\u0648\u0632 \u06a9\u0627\u0641 \u062a\u0648\u0644\u06cc\u062f \u06a9\u0646\u0646\u062f\u0647 \u0648 \u062a\u0627\u0645\u06cc\u0646 \u06a9\u0646\u0646\u062f\u0647 \u0627\u0646\u0648\u0627\u0639 <a href=\"https:\/\/kaafco.com\/en\/\">Fire brick<\/a> \u06a9\u0648\u0631\u0647 <a href=\"https:\/\/kaafco.com\/en\/insulated-firebrick\/\">\u0622\u062c\u0631 \u0633\u0628\u06a9 \u0639\u0627\u06cc\u0642<\/a>\u060c <a href=\"https:\/\/kaafco.com\/en\/magnesia\/\">Magnesia Bricks<\/a> \u060c <a href=\"https:\/\/kaafco.com\/en\/kiln-brick\/ch-firebrick-25\/\">Chamotte Brick<\/a> \u060c <a href=\"https:\/\/kaafco.com\/en\/aluminum\/\">Alumina Brick<\/a> \u060c <a href=\"https:\/\/kaafco.com\/en\/silica-brick\/\">Silica Brick<\/a> \u060c <a href=\"https:\/\/kaafco.com\/en\/refractory-cement\/\">Refractory Mortar Cement<\/a> \u0648 \u0627\u0646\u0648\u0627\u0639 \u062f\u06cc\u0631\u06af\u062f\u0627\u0632<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"Magnesite brick or magnesia brick is one of the types of furnace refractory brick that has alkaline properties. Magnesite bricks","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-511","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kaafco.com\/en\/wp-json\/wp\/v2\/pages\/511","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kaafco.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kaafco.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kaafco.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kaafco.com\/en\/wp-json\/wp\/v2\/comments?post=511"}],"version-history":[{"count":0,"href":"https:\/\/kaafco.com\/en\/wp-json\/wp\/v2\/pages\/511\/revisions"}],"wp:attachment":[{"href":"https:\/\/kaafco.com\/en\/wp-json\/wp\/v2\/media?parent=511"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kaafco.com\/en\/wp-json\/wp\/v2\/categories?post=511"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kaafco.com\/en\/wp-json\/wp\/v2\/tags?post=511"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}