{"id":12683,"date":"2022-10-01T13:30:28","date_gmt":"2022-10-01T08:00:28","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-how-to-make-multiple-rectangles-not-using-hard-coding-in-google-maps-api-closed\/"},"modified":"2022-10-01T13:30:28","modified_gmt":"2022-10-01T08:00:28","slug":"solved-how-to-make-multiple-rectangles-not-using-hard-coding-in-google-maps-api-closed","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-how-to-make-multiple-rectangles-not-using-hard-coding-in-google-maps-api-closed\/","title":{"rendered":"[Solved] How to make multiple rectangles not using hard-coding in google maps api? [closed]"},"content":{"rendered":"

[ad_1]
\n<\/p>\n

\n
\n
<\/div>\n
\n
\n

The specific requirements \/ objectives are a little vague but based upon the comment that they (multiple rectangles) are to be next to one another!<\/code> then some simple arithmetic using the LatLngBounds for the initial rectangle can be done to determine either the difference in east\/west ( to effectively get the width of the rectangle ) or the north\/south ( to effectively get the height of the rectangle )<\/p>\n

With those differences you can easily plot the new lat\/lng values and this draw a new rectangle.<\/p>\n

<!DOCTYPE html>\n<html lang='en'>\n    <head>\n        <meta charset=\"utf-8\" \/>\n        <title>Google Maps: <\/title>\n        <style>\n            #map{\n                width:800px;\n                height:600px;\n                float:none;\n                margin:auto;\n            }\n            .gm-bttn{\n                padding:1rem;\n                color:gold;\n                margin:0.25rem;\n                border-radius:1rem;\n                border:none;\n                background:purple;\n                transition:ease-in-out all 500ms;\n                cursor:pointer;\n            }\n            .gm-bttn:hover{\n                background:gold;\n                color:purple\n            }\n        <\/style>\n        <script>\n            function initMap() {\n                let shapes=[];\n                let map = new google.maps.Map( document.getElementById(\"map\"), {\n                    center: { lat: 37.460074, lng: 126.952568 },\n                    zoom: 16,\n                });\n                \n                \/\/ your original rectangle bounds\n                let bounds=new google.maps.LatLngBounds(\n                    new google.maps.LatLng(20.39623, 77.85009),\n                    new google.maps.LatLng(24.39623, 80.85009)\n                );\n                \n                \/\/ for convenience, convert bounds to json\n                let json=bounds.toJSON();\n                let delta={\n                    long:Math.abs( json.west - json.east ),\n                    lat:Math.abs( json.north - json.south )\n                };\n                \n                \/\/ create your original rectangle.\n                shapes.push(\n                    new google.maps.Rectangle({\n                        strokeColor: \"#FF0000\",\n                        strokeOpacity: 0.8,\n                        strokeWeight: 2,\n                        fillColor: \"#FF0000\",\n                        fillOpacity: 0.1,\n                        map,\n                        geodesic:true,\n                        bounds:bounds\n                    })\n                );\n                \n                \/\/ A ring around the globe of rectangles...\n                let max=360 \/ Math.abs( delta.long );\n                \n                for( let i=1; i < max; i++ ){\n                    \/\/ modify json based upon delta values for lat\/lng\n                    json.east -= delta.long,\n                    json.west -= delta.long;\n                    \n                    \/\/ and then add a new rectangle\n                    shapes.push(\n                        new google.maps.Rectangle({\n                            strokeColor: \"#FF0000\",\n                            strokeOpacity: 0.8,\n                            strokeWeight: 2,\n                            fillColor: \"#FF0000\",\n                            fillOpacity: 0.1,\n                            map,\n                            geodesic:true,\n                            bounds:json\n                        })\n                    );\n                }\n                \n\n                let infoWindow = new google.maps.InfoWindow();\n                \n                let clear=document.createElement('button');\n                    clear.textContent=\"Remove rectangles\"\n                    clear.className=\"gm-bttn\";\n                    clear.addEventListener('click',( e )=>shapes.forEach( n=>n.setMap( null ) ) );\n\n                let bttn = document.createElement('button');\n                    bttn.textContent=\"Pan to Current Location\";\n                    bttn.className=\"gm-bttn\";\n                    \n                    bttn.addEventListener(\"click\", (e)=>{\n                        const errorhandler=()=>{\n                            infoWindow.setPosition( map.getCenter() );\n                            infoWindow.setContent( navigator.geolocation ? 'Error: The Geolocation service failed.' : 'Error: Your browser doesn\\'t support geolocation.' );\n                            infoWindow.open( map );\n                            return false;\n                        };\n                        const successhandler=( position )=>{\n                            const pos = {\n                                lat: position.coords.latitude,\n                                lng: position.coords.longitude,\n                            };\n                            infoWindow.setPosition( pos );\n                            infoWindow.setContent( \"Location found.\" );\n                            infoWindow.open( map );\n                            map.setCenter( pos );\n                            return true;\n                        };\n                        const config={\n                            enableHighAccuracy:true,\n                            timeout:Infinity,\n                            maximumAge:60000\n                        };\n                        if( navigator.geolocation ) {\n                            navigator.geolocation.getCurrentPosition( successhandler, errorhandler, config );\n                            return true;\n                        }\n                        return errorhandler();\n                    });\n                \n                map.controls[ google.maps.ControlPosition.TOP_CENTER ].push( bttn );\n                map.controls[ google.maps.ControlPosition.TOP_CENTER ].push( clear );\n                map.setCenter( bounds.getCenter() );\n                map.fitBounds( bounds );\n            }\n        <\/script>\n        <script async defer src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=<APIKEY>&callback=initMap\"><\/script>\n    <\/head>\n    <body>\n        <div id='map'><\/div>\n    <\/body>\n<\/html> \n<\/code><\/pre>\n
Check out the Proof of concept fiddle<\/a> to see it in operation.<\/p>\n
\"for<\/a><\/p>\n
The same could be done for Latitude values if you wish – or both to completely cover the globe.<\/p>\n<\/p><\/div>\n
<\/div>\n<\/div>\n
            <\/span> <\/p><\/div>\n<\/div>\n
[ad_2]<\/p>\n
solved How to make multiple rectangles not using hard-coding in google maps api? [closed] <\/p>\n","protected":false},"excerpt":{"rendered":"
[ad_1] The specific requirements \/ objectives are a little vague but based upon the comment that they (multiple rectangles) are to be next to one another! then some simple arithmetic using the LatLngBounds for the initial rectangle can be done to determine either the difference in east\/west ( to effectively get the width of the … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[492,346,333],"class_list":["post-12683","post","type-post","status-publish","format-standard","hentry","category-solved","tag-google-maps","tag-html","tag-javascript"],"yoast_head":"\n[Solved] How to make multiple rectangles not using hard-coding in google maps api? [closed] - JassWeb<\/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:\/\/jassweb.com\/solved\/solved-how-to-make-multiple-rectangles-not-using-hard-coding-in-google-maps-api-closed\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] How to make multiple rectangles not using hard-coding in google maps api? [closed] - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] The specific requirements \/ objectives are a little vague but based upon the comment that they (multiple rectangles) are to be next to one another! then some simple arithmetic using the LatLngBounds for the initial rectangle can be done to determine either the difference in east\/west ( to effectively get the width of the ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-how-to-make-multiple-rectangles-not-using-hard-coding-in-google-maps-api-closed\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-01T08:00:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/jassweb.com\/solved\/wp-content\/uploads\/2022\/10\/Solved-How-to-make-multiple-rectangles-not-using-hard-coding-in.jpg\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-how-to-make-multiple-rectangles-not-using-hard-coding-in-google-maps-api-closed\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-how-to-make-multiple-rectangles-not-using-hard-coding-in-google-maps-api-closed\\\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#\\\/schema\\\/person\\\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] How to make multiple rectangles not using hard-coding in google maps api? [closed]\",\"datePublished\":\"2022-10-01T08:00:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-how-to-make-multiple-rectangles-not-using-hard-coding-in-google-maps-api-closed\\\/\"},\"wordCount\":141,\"publisher\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-how-to-make-multiple-rectangles-not-using-hard-coding-in-google-maps-api-closed\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/Solved-How-to-make-multiple-rectangles-not-using-hard-coding-in.jpg\",\"keywords\":[\"google-maps\",\"html\",\"javascript\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-how-to-make-multiple-rectangles-not-using-hard-coding-in-google-maps-api-closed\\\/\",\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-how-to-make-multiple-rectangles-not-using-hard-coding-in-google-maps-api-closed\\\/\",\"name\":\"[Solved] How to make multiple rectangles not using hard-coding in google maps api? [closed] - JassWeb\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-how-to-make-multiple-rectangles-not-using-hard-coding-in-google-maps-api-closed\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-how-to-make-multiple-rectangles-not-using-hard-coding-in-google-maps-api-closed\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/Solved-How-to-make-multiple-rectangles-not-using-hard-coding-in.jpg\",\"datePublished\":\"2022-10-01T08:00:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-how-to-make-multiple-rectangles-not-using-hard-coding-in-google-maps-api-closed\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-how-to-make-multiple-rectangles-not-using-hard-coding-in-google-maps-api-closed\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-how-to-make-multiple-rectangles-not-using-hard-coding-in-google-maps-api-closed\\\/#primaryimage\",\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/Solved-How-to-make-multiple-rectangles-not-using-hard-coding-in.jpg\",\"contentUrl\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/Solved-How-to-make-multiple-rectangles-not-using-hard-coding-in.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-how-to-make-multiple-rectangles-not-using-hard-coding-in-google-maps-api-closed\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] How to make multiple rectangles not using hard-coding in google maps api? [closed]\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#website\",\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/jassweb.com\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/jass-website-logo-1.png\",\"contentUrl\":\"https:\\\/\\\/jassweb.com\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#\\\/schema\\\/person\\\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/wp-content\\\/litespeed\\\/avatar\\\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777613206\",\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/wp-content\\\/litespeed\\\/avatar\\\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777613206\",\"contentUrl\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/wp-content\\\/litespeed\\\/avatar\\\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777613206\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\\\/\\\/jassweb.com\"],\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/author\\\/jaspritsinghghumangmail-com\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] How to make multiple rectangles not using hard-coding in google maps api? [closed] - JassWeb","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:\/\/jassweb.com\/solved\/solved-how-to-make-multiple-rectangles-not-using-hard-coding-in-google-maps-api-closed\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] How to make multiple rectangles not using hard-coding in google maps api? [closed] - JassWeb","og_description":"[ad_1] The specific requirements \/ objectives are a little vague but based upon the comment that they (multiple rectangles) are to be next to one another! then some simple arithmetic using the LatLngBounds for the initial rectangle can be done to determine either the difference in east\/west ( to effectively get the width of the ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-how-to-make-multiple-rectangles-not-using-hard-coding-in-google-maps-api-closed\/","og_site_name":"JassWeb","article_published_time":"2022-10-01T08:00:28+00:00","og_image":[{"url":"https:\/\/jassweb.com\/solved\/wp-content\/uploads\/2022\/10\/Solved-How-to-make-multiple-rectangles-not-using-hard-coding-in.jpg","type":"","width":"","height":""}],"author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-how-to-make-multiple-rectangles-not-using-hard-coding-in-google-maps-api-closed\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-make-multiple-rectangles-not-using-hard-coding-in-google-maps-api-closed\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] How to make multiple rectangles not using hard-coding in google maps api? [closed]","datePublished":"2022-10-01T08:00:28+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-make-multiple-rectangles-not-using-hard-coding-in-google-maps-api-closed\/"},"wordCount":141,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"image":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-make-multiple-rectangles-not-using-hard-coding-in-google-maps-api-closed\/#primaryimage"},"thumbnailUrl":"https:\/\/jassweb.com\/solved\/wp-content\/uploads\/2022\/10\/Solved-How-to-make-multiple-rectangles-not-using-hard-coding-in.jpg","keywords":["google-maps","html","javascript"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-how-to-make-multiple-rectangles-not-using-hard-coding-in-google-maps-api-closed\/","url":"https:\/\/jassweb.com\/solved\/solved-how-to-make-multiple-rectangles-not-using-hard-coding-in-google-maps-api-closed\/","name":"[Solved] How to make multiple rectangles not using hard-coding in google maps api? [closed] - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"primaryImageOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-make-multiple-rectangles-not-using-hard-coding-in-google-maps-api-closed\/#primaryimage"},"image":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-make-multiple-rectangles-not-using-hard-coding-in-google-maps-api-closed\/#primaryimage"},"thumbnailUrl":"https:\/\/jassweb.com\/solved\/wp-content\/uploads\/2022\/10\/Solved-How-to-make-multiple-rectangles-not-using-hard-coding-in.jpg","datePublished":"2022-10-01T08:00:28+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-make-multiple-rectangles-not-using-hard-coding-in-google-maps-api-closed\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-how-to-make-multiple-rectangles-not-using-hard-coding-in-google-maps-api-closed\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/solved-how-to-make-multiple-rectangles-not-using-hard-coding-in-google-maps-api-closed\/#primaryimage","url":"https:\/\/jassweb.com\/solved\/wp-content\/uploads\/2022\/10\/Solved-How-to-make-multiple-rectangles-not-using-hard-coding-in.jpg","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/uploads\/2022\/10\/Solved-How-to-make-multiple-rectangles-not-using-hard-coding-in.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-how-to-make-multiple-rectangles-not-using-hard-coding-in-google-maps-api-closed\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] How to make multiple rectangles not using hard-coding in google maps api? [closed]"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777613206","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777613206","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777613206","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/12683","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=12683"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/12683\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=12683"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=12683"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=12683"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}