{"id":136,"date":"2012-09-27T15:33:35","date_gmt":"2012-09-27T15:33:35","guid":{"rendered":"http:\/\/localhost\/travel\/?page_id=136"},"modified":"2012-09-27T15:33:35","modified_gmt":"2012-09-27T15:33:35","slug":"shortcodes-maps","status":"publish","type":"page","link":"http:\/\/oferte-turcia.vacanta-la-mare.ro\/?page_id=136","title":{"rendered":"Shortcodes &#8211; Maps"},"content":{"rendered":"<div class=\"tf-flash-messages\"><\/div>\n\n<h2>Default Maps view<\/h2>\n<div id=\"map660\" class=\"map frame_box\" style=\"width: 590px; height: 350px; border: 1px solid #ccc; overflow: hidden;\"><\/div><style type=\"text\/css\">\r\n    #map660 img {\r\n        max-width: none !important;\r\n    }\r\n        \/* Bootstrap Css Map Fix*\/\r\n    #map660 label {\r\n        width: auto; display:inline !important;\r\n    }\r\n    #map660 { height: 100% }\r\n<\/style><script type=\"text\/javascript\">\r\n\r\n                            function initialize_660()\r\n                                {\r\n                                    if(maps[660] === undefined) {\r\n                                         var gmap_options = {\r\n                                            center: new google.maps.LatLng(41.881831,-87.629814),\r\n                                            zoom: 10,\r\n                                            mapTypeId: google.maps.MapTypeId.ROADMAP\r\n                                         }\r\n                                         maps[660] = new google.maps.Map(document.getElementById(\"map660\"), gmap_options);\r\n                                    } else {\r\n                                        setTimeout(function(){ google.maps.event.trigger(maps[660], \"resize\");  maps[660].setCenter(new google.maps.LatLng(41.881831,-87.629814)); }, 30);\r\n                                    }\r\n                                }\r\n                          jQuery(document).ready(function(){\r\n                            google.maps.event.addDomListener(window, \"load\", initialize_660);\r\n                         });\r\n                        <\/script>\n<pre class=\"brush: plain\">\n[map width=\"590\" height=\"350\" position=\"41.881831:-87.629814\" zoom=\"10\" type=\"map1\" address=\"\" title=\"\"]\n<\/pre>\n<h2>Different Maps type : <span>HYBRID<\/span><\/h2>\n<div id=\"map11\" class=\"map frame_box\" style=\"width: 590px; height: 350px; border: 1px solid #ccc; overflow: hidden;\"><\/div><style type=\"text\/css\">\r\n    #map11 img {\r\n        max-width: none !important;\r\n    }\r\n        \/* Bootstrap Css Map Fix*\/\r\n    #map11 label {\r\n        width: auto; display:inline !important;\r\n    }\r\n    #map11 { height: 100% }\r\n<\/style><script type=\"text\/javascript\">\r\n                                function initialize_11()\r\n                                {\r\n                                    if(maps[11] === undefined) {\r\n                                         var gmap_options = {\r\n                                            center: new google.maps.LatLng(41.881831,-87.629814),\r\n                                            zoom: 10,\r\n                                            scrollwheel: true,\r\n                                            mapTypeId: google.maps.MapTypeId.HYBRID\r\n                                         }\r\n                                         maps[11] = new google.maps.Map(document.getElementById(\"map11\"), gmap_options);\r\n                                    } else {\r\n                                        setTimeout(function(){ google.maps.event.trigger(maps[11], \"resize\");  maps[11].setCenter(new google.maps.LatLng(41.881831,-87.629814));}, 30);\r\n                                    }\r\n                                }\r\n                            jQuery(document).ready(function(){\r\n                                google.maps.event.addDomListener(window, \"load\", initialize_11);\r\n                            });\r\n                        <\/script>\n<pre class=\"brush: plain\">\n[map width=\"590\" height=\"350\" position=\"41.881831:-87.629814\" zoom=\"10\" type=\"map2\" address=\"\" title=\"\"]\n<\/pre>\n<p>The following types are supported:<\/p>\n                        <ul>\n                          <li><strong>ROADMAP<\/strong> displays the normal, default 2D tiles of Google    Maps.<\/li>\n                          <li><strong>SATELLITE<\/strong> displays photographic tiles.<\/li>\n                          <li><strong>HYBRID<\/strong> displays a mix of photographic tiles and a tile layer     for prominent features (roads, city names).<\/li>\n                          <li><strong>TERRAIN<\/strong> displays physical relief tiles for displaying    elevation and water features (mountains, rivers, etc.).<\/li>\n                        <\/ul>                       \n<h2>Maps with marker and info window<\/h2>\n<div id=\"map944\" class=\"map frame_box\" style=\"width: 590px; height: 400px; border: 1px solid #ccc; overflow: hidden;\"><\/div><style type=\"text\/css\">\r\n    #map944 img {\r\n        max-width: none !important;\r\n    }\r\n        \/* Bootstrap Css Map Fix*\/\r\n    #map944 label {\r\n        width: auto; display:inline !important;\r\n    }\r\n    #map944 { height: 100% }\r\n<\/style><script type=\"text\/javascript\">\r\n                            function initialize_944()\r\n                                {\r\n                                    if(maps[944] === undefined) {\r\n                                            var gmap_options = {\r\n                                                center: new google.maps.LatLng(41.881831,-87.629814),\r\n                                                title: \"\",\r\n                                                zoom: 7,\r\n                                                mapTypeId: google.maps.MapTypeId.ROADMAP\r\n                                                }\r\n                                            maps[944] = new google.maps.Map(document.getElementById(\"map944\"), gmap_options);\r\n\r\n\t\t                                    var marker = new google.maps.Marker({\r\n                                                            map: maps[944],\r\n                                                            draggable: true,\r\n                                                            position: new google.maps.LatLng(41.881831,-87.629814),\r\n                                                            visible: true\r\n                                                        });\r\n\r\n                                                        var boxText = document.createElement(\"div\");\r\n                                                        boxText.style.cssText = \"border: 1px solid black; margin-top: 8px; background: white; width: 150px; padding: 5px;\";\r\n                                                        boxText.innerHTML = \"Chicago, IL, United States\";\r\n\r\n                                                        var myOptions = {\r\n                                                             content: boxText\r\n                                                        };\r\n\r\n                                                        google.maps.event.addListener(marker, \"click\", function (e) {\r\n                                                            ib.open(maps[944] , this);\r\n                                                        });\r\n\r\n                                                        var ib = new InfoBox(myOptions);\r\n                                                        ib.open(maps[944] , marker);\r\n\r\n                                        }else{\r\n                                            setTimeout(function(){ google.maps.event.trigger(maps[944], \"resize\");  maps[944].setCenter(new google.maps.LatLng(41.881831,-87.629814)); }, 30);\r\n                                    }\r\n                                }\r\n                            jQuery(document).ready(function(){\r\n                                google.maps.event.addDomListener(window, \"load\", initialize_944);\r\n                            });\r\n                        <\/script>\n<pre class=\"brush: plain\">\n[map width=\"590\" height=\"400\" position=\"41.881831:-87.629814\" zoom=\"7\" type=\"map3\" address=\"Chicago, IL, United States\" title=\"\"]\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Default Maps view Different Maps type : HYBRID The following types are supported: ROADMAP displays the normal, default 2D tiles of Google Maps. SATELLITE displays photographic tiles. HYBRID displays a mix of photographic tiles and a tile layer for prominent features (roads, city names)&#8230;.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"http:\/\/oferte-turcia.vacanta-la-mare.ro\/index.php?rest_route=\/wp\/v2\/pages\/136"}],"collection":[{"href":"http:\/\/oferte-turcia.vacanta-la-mare.ro\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/oferte-turcia.vacanta-la-mare.ro\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/oferte-turcia.vacanta-la-mare.ro\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/oferte-turcia.vacanta-la-mare.ro\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=136"}],"version-history":[{"count":0,"href":"http:\/\/oferte-turcia.vacanta-la-mare.ro\/index.php?rest_route=\/wp\/v2\/pages\/136\/revisions"}],"wp:attachment":[{"href":"http:\/\/oferte-turcia.vacanta-la-mare.ro\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=136"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}