{"id":320,"date":"2016-07-01T16:26:43","date_gmt":"2016-07-01T10:56:43","guid":{"rendered":"http:\/\/demo.solwininfotech.com\/wordpress\/kosmic\/?page_id=115"},"modified":"2016-07-01T16:26:43","modified_gmt":"2016-07-01T10:56:43","slug":"custom-map-shortcode","status":"publish","type":"page","link":"https:\/\/demo.solwininfotech.com\/wordpress\/kosmic\/demo7\/custom-map-shortcode\/","title":{"rendered":"Custom Map Shortcode"},"content":{"rendered":"<p>        <h3 class=\"sol_header\" style=\"margin-top:5px;margin-bottom:5px\" >roadmap<\/h3>\n        <br \/>\n<code>[<\/code>sol_map type=&#8217;ROADMAP&#8217; address=&#8217;india&#8217; width=&#8217;500px&#8217; height=&#8217;350px&#8217; zoom=&#8217;5&#8242; map_icon=&#8221;<code>]<\/code><\/p>\n<p>        <script type=\"text\/javascript\">\n            function setMapAddress(address) {\n                var geocoder = new google.maps.Geocoder();\n                geocoder.geocode({address: address}, function (results, status) {\n                    if (status == google.maps.GeocoderStatus.OK) {\n                        var location = results[0].geometry.location;\n                        var options = {\n                            zoom: 5,\n                            center: location,\n                            mapTypeId: google.maps.MapTypeId.ROADMAP,\n                            streetViewControl: true,\n                            scrollwheel: false,\n                            draggable: true,\n                            panControl: true,\n                            zoomControl: true,\n                            zoomControlOptions: {\n                                style: google.maps.ZoomControlStyle.SMALL\n                            }\n                        };\n                        var mymap = new google.maps.Map(document.getElementById('1590691339'), options);\n                        var marker = new google.maps.Marker({\n                            map: mymap,\n                            flat: true,\n                            icon: 'https:\/\/demo.solwininfotech.com\/wordpress\/kosmic\/demo7\/wp-content\/themes\/kosmic\/images\/pin.png',\n                            position: results[0].geometry.location,\n                                });\n                        var infowindow = new google.maps.InfoWindow({\n                            content: \"india\"\n                        });\n                        google.maps.event.addListener(marker, 'click', function () {\n                            infowindow.open(mymap, marker);\n                        });\n                    }\n                });\n            }\n            setMapAddress(\"india\");\n        <\/script>\n        <div class=\"marB18\">\n            <div id=\"1590691339\" style=\"width: 100%;height:350px\"><\/div>\n        <\/div>\n        <br \/>\n        <h3 class=\"sol_header\" style=\"margin-top:5px;margin-bottom:5px\" >terrain<\/h3>\n        <\/p>\n<p><code>[<\/code>sol_map type=&#8217;TERRAIN&#8217; address=&#8217;india&#8217; width=&#8217;500px&#8217; height=&#8217;350px&#8217; zoom=&#8217;5&#8242; map_icon=&#8217;http:\/\/demo.solwininfotech.com\/wordpress\/kosmic\/wp-content\/uploads\/2016\/05\/pin.png&#8217;<code>]<\/code><\/p>\n<p>        <script type=\"text\/javascript\">\n            function setMapAddress(address) {\n                var geocoder = new google.maps.Geocoder();\n                geocoder.geocode({address: address}, function (results, status) {\n                    if (status == google.maps.GeocoderStatus.OK) {\n                        var location = results[0].geometry.location;\n                        var options = {\n                            zoom: 5,\n                            center: location,\n                            mapTypeId: google.maps.MapTypeId.TERRAIN,\n                            streetViewControl: true,\n                            scrollwheel: false,\n                            draggable: true,\n                            panControl: true,\n                            zoomControl: true,\n                            zoomControlOptions: {\n                                style: google.maps.ZoomControlStyle.SMALL\n                            }\n                        };\n                        var mymap = new google.maps.Map(document.getElementById('988777558'), options);\n                        var marker = new google.maps.Marker({\n                            map: mymap,\n                            flat: true,\n                            icon: 'http:\/\/demo.solwininfotech.com\/wordpress\/kosmic\/wp-content\/uploads\/2016\/05\/pin.png',\n                            position: results[0].geometry.location,\n                                });\n                        var infowindow = new google.maps.InfoWindow({\n                            content: \"india\"\n                        });\n                        google.maps.event.addListener(marker, 'click', function () {\n                            infowindow.open(mymap, marker);\n                        });\n                    }\n                });\n            }\n            setMapAddress(\"india\");\n        <\/script>\n        <div class=\"marB18\">\n            <div id=\"988777558\" style=\"width: 100%;height:350px\"><\/div>\n        <\/div>\n        <br \/>\n        <h3 class=\"sol_header\" style=\"margin-top:5px;margin-bottom:5px\" >satellite<\/h3>\n        <\/p>\n<p><code>[<\/code>sol_map type=&#8217;SATELLITE&#8217; address=&#8217;india&#8217; width=&#8217;500px&#8217; height=&#8217;350px&#8217; zoom=&#8217;5&#8242; map_icon=&#8217;http:\/\/demo.solwininfotech.com\/wordpress\/kosmic\/wp-content\/uploads\/2016\/05\/pin.png&#8217;<code>]<\/code><\/p>\n<p>        <script type=\"text\/javascript\">\n            function setMapAddress(address) {\n                var geocoder = new google.maps.Geocoder();\n                geocoder.geocode({address: address}, function (results, status) {\n                    if (status == google.maps.GeocoderStatus.OK) {\n                        var location = results[0].geometry.location;\n                        var options = {\n                            zoom: 5,\n                            center: location,\n                            mapTypeId: google.maps.MapTypeId.SATELLITE,\n                            streetViewControl: true,\n                            scrollwheel: false,\n                            draggable: true,\n                            panControl: true,\n                            zoomControl: true,\n                            zoomControlOptions: {\n                                style: google.maps.ZoomControlStyle.SMALL\n                            }\n                        };\n                        var mymap = new google.maps.Map(document.getElementById('158047938'), options);\n                        var marker = new google.maps.Marker({\n                            map: mymap,\n                            flat: true,\n                            icon: 'http:\/\/demo.solwininfotech.com\/wordpress\/kosmic\/wp-content\/uploads\/2016\/05\/pin.png',\n                            position: results[0].geometry.location,\n                                });\n                        var infowindow = new google.maps.InfoWindow({\n                            content: \"india\"\n                        });\n                        google.maps.event.addListener(marker, 'click', function () {\n                            infowindow.open(mymap, marker);\n                        });\n                    }\n                });\n            }\n            setMapAddress(\"india\");\n        <\/script>\n        <div class=\"marB18\">\n            <div id=\"158047938\" style=\"width: 100%;height:350px\"><\/div>\n        <\/div>\n        <br \/>\n        <h3 class=\"sol_header\" style=\"margin-top:5px;margin-bottom:5px\" >hybrid<\/h3>\n        <\/p>\n<p><code>[<\/code>sol_map type=&#8217;HYBRID&#8217; address=&#8217;india&#8217; width=&#8217;500px&#8217; height=&#8217;350px&#8217; zoom=&#8217;5&#8242; map_icon=&#8217;http:\/\/demo.solwininfotech.com\/wordpress\/kosmic\/wp-content\/uploads\/2016\/05\/pin.png&#8217;<code>]<\/code><\/p>\n        <script type=\"text\/javascript\">\n            function setMapAddress(address) {\n                var geocoder = new google.maps.Geocoder();\n                geocoder.geocode({address: address}, function (results, status) {\n                    if (status == google.maps.GeocoderStatus.OK) {\n                        var location = results[0].geometry.location;\n                        var options = {\n                            zoom: 5,\n                            center: location,\n                            mapTypeId: google.maps.MapTypeId.HYBRID,\n                            streetViewControl: true,\n                            scrollwheel: false,\n                            draggable: true,\n                            panControl: true,\n                            zoomControl: true,\n                            zoomControlOptions: {\n                                style: google.maps.ZoomControlStyle.SMALL\n                            }\n                        };\n                        var mymap = new google.maps.Map(document.getElementById('1751239799'), options);\n                        var marker = new google.maps.Marker({\n                            map: mymap,\n                            flat: true,\n                            icon: 'http:\/\/demo.solwininfotech.com\/wordpress\/kosmic\/wp-content\/uploads\/2016\/05\/pin.png',\n                            position: results[0].geometry.location,\n                                });\n                        var infowindow = new google.maps.InfoWindow({\n                            content: \"india\"\n                        });\n                        google.maps.event.addListener(marker, 'click', function () {\n                            infowindow.open(mymap, marker);\n                        });\n                    }\n                });\n            }\n            setMapAddress(\"india\");\n        <\/script>\n        <div class=\"marB18\">\n            <div id=\"1751239799\" style=\"width: 100%;height:350px\"><\/div>\n        <\/div>\n        \n","protected":false},"excerpt":{"rendered":"[sol_map type=&#8217;ROADMAP&#8217; address=&#8217;india&#8217; width=&#8217;500px&#8217; height=&#8217;350px&#8217; zoom=&#8217;5&#8242; map_icon=&#8221;]\n[sol_map type=&#8217;TERRAIN&#8217; address=&#8217;india&#8217; width=&#8217;500px&#8217; height=&#8217;350px&#8217; zoom=&#8217;5&#8242; map_icon=&#8217;http:\/\/demo.solwininfotech.com\/wordpress\/kosmic\/wp-content\/uploads\/2016\/05\/pin.png&#8217;]\n[sol_map type=&#8217;SATELLITE&#8217; address=&#8217;india&#8217; width=&#8217;500px&#8217; height=&#8217;350px&#8217; zoom=&#8217;5&#8242; map_icon=&#8217;http:\/\/demo.solwininfotech.com\/wordpress\/kosmic\/wp-content\/uploads\/2016\/05\/pin.png&#8217;]\n<p>[sol_map type=&#8217;HYBRID&#8217; address=&#8217;india&#8217;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width.php","meta":{"footnotes":""},"class_list":["post-320","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.solwininfotech.com\/wordpress\/kosmic\/demo7\/wp-json\/wp\/v2\/pages\/320","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.solwininfotech.com\/wordpress\/kosmic\/demo7\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.solwininfotech.com\/wordpress\/kosmic\/demo7\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.solwininfotech.com\/wordpress\/kosmic\/demo7\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.solwininfotech.com\/wordpress\/kosmic\/demo7\/wp-json\/wp\/v2\/comments?post=320"}],"version-history":[{"count":0,"href":"https:\/\/demo.solwininfotech.com\/wordpress\/kosmic\/demo7\/wp-json\/wp\/v2\/pages\/320\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.solwininfotech.com\/wordpress\/kosmic\/demo7\/wp-json\/wp\/v2\/media?parent=320"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}