{"id":102,"date":"2026-01-21T10:50:04","date_gmt":"2026-01-21T10:50:04","guid":{"rendered":"https:\/\/bulkdapa.site\/?page_id=102"},"modified":"2026-05-06T04:27:14","modified_gmt":"2026-05-06T04:27:14","slug":"kml-circle-generator","status":"publish","type":"page","link":"https:\/\/bulkdapa.site\/hi\/kml-circle-generator\/","title":{"rendered":"\u0917\u0942\u0917\u0932 \u0905\u0930\u094d\u0925 \u0915\u0947 \u0932\u093f\u090f \u0915\u0947\u090f\u092e\u090f\u0932 \u0938\u0930\u094d\u0915\u0932 \u091c\u0928\u0930\u0947\u091f\u0930 \u2013 \u091c\u0940\u0906\u0908\u090f\u0938 \u092e\u0948\u092a\u093f\u0902\u0917"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"102\" class=\"elementor elementor-102\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c25f8bb e-flex e-con-boxed e-con e-parent\" data-id=\"c25f8bb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-798dc04 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-shortcode\" data-id=\"798dc04\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">[adinserter block=\"4\"]<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e87ec99 elementor-hidden-desktop elementor-widget elementor-widget-shortcode\" data-id=\"e87ec99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">[adinserter block=\"2\"]<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-076eb19 e-flex e-con-boxed e-con e-parent\" data-id=\"076eb19\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-24ead7c elementor-widget elementor-widget-shortcode\" data-id=\"24ead7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div class=\"kml-generator-wrapper\">\r\n        <div class=\"kml-container\">\r\n            <div class=\"kml-header\">\r\n                <h1>\u0915\u0947\u090f\u092e\u090f\u0932 \u0938\u0930\u094d\u0915\u0932 \u091c\u0928\u0930\u0947\u091f\u0930<\/h1>\r\n                <p>\u0915\u0938\u094d\u091f\u092e \u091c\u094d\u092f\u094b\u092e\u0947\u091f\u094d\u0930\u0940 \u0935\u093f\u0915\u0932\u094d\u092a \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0915\u0947 Google Earth \u0915\u0947 \u0932\u093f\u090f \u090f\u0915\u0926\u092e \u0938\u091f\u0940\u0915 \u0935\u0943\u0924\u094d\u0924 \u092c\u0928\u093e\u090f\u0902\u0964<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"kml-content\">\r\n                <form id=\"kmlForm\" class=\"form-section\" action=\"\">\r\n                    <h3 class=\"section-header\">\u0907\u0928\u092a\u0941\u091f<\/h3>\r\n                    \r\n                    <div class=\"form-group\">\r\n                        <label for=\"center\">\u0915\u0947\u0902\u0926\u094d\u0930:<\/label>\r\n                        <input type=\"text\" id=\"center\" name=\"center\" value=\"0,0\" placeholder=\"longitude,latitude (e.g., 0,0)\">\r\n                        <span class=\"help-text\">\u092a\u094d\u0930\u093e\u0930\u0942\u092a: \u0926\u0947\u0936\u093e\u0902\u0924\u0930, \u0905\u0915\u094d\u0937\u093e\u0902\u0936<\/span>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"form-group\">\r\n                        <label for=\"radius\">\u0924\u094d\u0930\u093f\u091c\u094d\u092f\u093e \u092e\u093e\u0928:<\/label>\r\n                        <input type=\"number\" id=\"radius\" name=\"radius\" value=\"1000\" min=\"1\" step=\"0.001\">\r\n                    <\/div>\r\n                    \r\n                    <div class=\"form-group\">\r\n                        <label for=\"unit\">\u0924\u094d\u0930\u093f\u091c\u094d\u092f\u093e \u0915\u0940 \u0907\u0915\u093e\u0907\u092f\u093e\u0901:<\/label>\r\n                        <select id=\"unit\" name=\"unit\">\r\n                            <option value=\"meters\">Meters<\/option>\r\n                            <option value=\"km\">Kilometers<\/option>\r\n                            <option value=\"mi\">Miles<\/option>\r\n                            <option value=\"ft\">Feet<\/option>\r\n                            <option value=\"nm\">Nautical Miles<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"form-group\">\r\n                        <label for=\"geometry\">\u091c\u094d\u092f\u093e\u092e\u093f\u0924\u093f:<\/label>\r\n                        <select id=\"geometry\" name=\"geometry\">\r\n                            <option value=\"multigeometry\">MultiGeometry<\/option>\r\n                            <option value=\"polygon\">Polygon<\/option>\r\n                            <option value=\"linestring\">LineString<\/option>\r\n                        <\/select>\r\n                        <span class=\"help-text\">\u092e\u0932\u094d\u091f\u0940\u091c\u093f\u092f\u094b\u092e\u0947\u091f\u094d\u0930\u0940 \u092e\u0947\u0902 \u0906\u0909\u091f\u0932\u093e\u0907\u0928 \u0914\u0930 \u092d\u0930\u093e \u0939\u0941\u0906 \u0915\u094d\u0937\u0947\u0924\u094d\u0930 \u0926\u094b\u0928\u094b\u0902 \u0936\u093e\u092e\u093f\u0932 \u0939\u0948\u0902\u0964<\/span>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"form-group\">\r\n                        <label for=\"color\">\u0935\u0943\u0924\u094d\u0924 \u0915\u093e \u0930\u0902\u0917:<\/label>\r\n                        <select id=\"color\" name=\"color\">\r\n                            <option value=\"red\">Red<\/option>\r\n                            <option value=\"blue\">Blue<\/option>\r\n                            <option value=\"green\">Green<\/option>\r\n                            <option value=\"yellow\">Yellow<\/option>\r\n                            <option value=\"white\">White<\/option>\r\n                            <option value=\"black\">Black<\/option>\r\n                            <option value=\"cyan\">Cyan<\/option>\r\n                            <option value=\"magenta\">Magenta<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"form-group\">\r\n                        <label for=\"width\">\u0930\u0947\u0916\u093e \u0915\u0940 \u091a\u094c\u0921\u093e\u0908:<\/label>\r\n                        <select id=\"width\" name=\"width\">\r\n                            <option value=\"1\" selected>1<\/option>\r\n                            <option value=\"2\">2<\/option>\r\n                            <option value=\"3\">3<\/option>\r\n                            <option value=\"4\">4<\/option>\r\n                            <option value=\"5\">5<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"checkbox-group\">\r\n                        <input type=\"checkbox\" id=\"includeCenter\" name=\"includeCenter\" checked>\r\n                        <label for=\"includeCenter\">\u0915\u0947\u0902\u0926\u094d\u0930 \u0936\u093e\u092e\u093f\u0932 \u0915\u0930\u0947\u0902<\/label>\r\n                    <\/div>\r\n                    \r\n                    <button type=\"submit\" class=\"btn-generate\">Generate<\/button>\r\n                <input type=\"hidden\" name=\"trp-form-language\" value=\"hi\"\/><\/form>\r\n                \r\n                <div class=\"output-section\" id=\"outputSection\">\r\n                    <h3>\u091c\u0928\u0930\u0947\u091f \u0915\u093f\u092f\u093e \u0917\u092f\u093e KML \u0915\u094b\u0921<\/h3>\r\n                    <textarea id=\"kmlOutput\" readonly><\/textarea>\r\n                    <div class=\"button-group\">\r\n                        <button class=\"btn-copy\" onclick=\"copyKML()\">Copy to Clipboard<\/button>\r\n                        <button class=\"btn-download\" onclick=\"downloadKML()\">Download KML File<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Info & Notes -->\r\n                <div class=\"info-box\">\r\n                    <p><strong>\u0915\u0947\u090f\u092e\u090f\u0932 \u0938\u0930\u094d\u0915\u0932 \u091c\u0928\u0930\u0947\u091f\u0930:<\/strong> \u0917\u0942\u0917\u0932 \u0905\u0930\u094d\u0925 \u0915\u0947 \u0932\u093f\u090f \u0935\u093f\u092d\u093f\u0928\u094d\u0928 \u091c\u094d\u092f\u093e\u092e\u093f\u0924\u093f \u092a\u094d\u0930\u0915\u093e\u0930\u094b\u0902 \u0915\u0947 \u0938\u093e\u0925 KML \u0935\u0943\u0924\u094d\u0924 \u092c\u0928\u093e\u090f\u0902\u0964 \u092e\u0932\u094d\u091f\u0940\u091c\u093f\u092f\u094b\u092e\u0947\u091f\u094d\u0930\u0940 \u092e\u0947\u0902 \u0930\u0947\u0916\u093e \u0914\u0930 \u092c\u0939\u0941\u092d\u0941\u091c \u0936\u093e\u092e\u093f\u0932 \u0939\u0948\u0902\u0964<\/p>\r\n                    <p>\u0915\u0947\u0902\u0926\u094d\u0930 \u092c\u093f\u0902\u0926\u0941 \u0915\u094b \u090f\u0915 \u0905\u0932\u0917 \u0938\u094d\u0925\u093e\u0928\u091a\u093f\u0939\u094d\u0928 \u0915\u0947 \u0930\u0942\u092a \u092e\u0947\u0902 \u0936\u093e\u092e\u093f\u0932 \u0915\u093f\u092f\u093e \u091c\u093e \u0938\u0915\u0924\u093e \u0939\u0948\u0964<\/p>\r\n                <\/div>\r\n                <div class=\"note-box\">\r\n                    <strong>\u091c\u094d\u092f\u093e\u092e\u093f\u0924\u093f \u0915\u0947 \u092a\u094d\u0930\u0915\u093e\u0930\u094b\u0902 \u0915\u0940 \u0935\u094d\u092f\u093e\u0916\u094d\u092f\u093e:<\/strong>\r\n                    <p><strong>\u092e\u0932\u094d\u091f\u0940\u091c\u093f\u092f\u094b\u092e\u0947\u091f\u094d\u0930\u0940:<\/strong> \u0932\u093e\u0907\u0928\u0938\u094d\u091f\u094d\u0930\u093f\u0902\u0917 \u0906\u0909\u091f\u0932\u093e\u0907\u0928 + \u092d\u0930\u093e \u0939\u0941\u0906 \u092c\u0939\u0941\u092d\u0941\u091c\u0964<\/p>\r\n                    <p><strong>\u092c\u0939\u0941\u092d\u0941\u091c:<\/strong> \u0930\u0942\u092a\u0930\u0947\u0916\u093e \u0938\u0939\u093f\u0924 \u092d\u0930\u093e \u0939\u0941\u0906 \u092c\u0939\u0941\u092d\u0941\u091c\u0964<\/p>\r\n                    <p><strong>\u0932\u093e\u0907\u0928\u0938\u094d\u091f\u094d\u0930\u093f\u0902\u0917:<\/strong> \u0915\u0947\u0935\u0932 \u0930\u0942\u092a\u0930\u0947\u0916\u093e \u092c\u0928\u093e\u090f\u0902, \u0915\u094b\u0908 \u092d\u0930\u093e\u0908 \u0928 \u0915\u0930\u0947\u0902\u0964<\/p>\r\n                <\/div>\r\n                <div class=\"note-box\" style=\"margin-top: 20px;\">\r\n                    <strong>\u0909\u092a\u092f\u094b\u0917 \u0938\u0902\u092c\u0902\u0927\u0940 \u0938\u0941\u091d\u093e\u0935:<\/strong>\r\n                    <p>\u2022 \u0928\u093f\u0930\u094d\u0926\u0947\u0936\u093e\u0902\u0915 \u0926\u0947\u0936\u093e\u0902\u0924\u0930 \u0914\u0930 \u0905\u0915\u094d\u0937\u093e\u0902\u0936 \u0915\u0947 \u0930\u0942\u092a \u092e\u0947\u0902 \u0926\u0930\u094d\u091c \u0915\u0930\u0947\u0902<\/p>\r\n                    <p>\u2022 \u0935\u0943\u0924\u094d\u0924 \u092d\u0942\u092d\u093e\u0917 \u0915\u0940 \u090a\u0901\u091a\u093e\u0908 \u0915\u093e \u0905\u0928\u0941\u0938\u0930\u0923 \u0915\u0930\u0924\u093e \u0939\u0948<\/p>\r\n                    <p>\u2022 \u092e\u0932\u094d\u091f\u0940\u091c\u093f\u092f\u094b\u092e\u0947\u091f\u094d\u0930\u0940 \u092a\u0942\u0930\u094d\u0923 \u092a\u094d\u0930\u0924\u093f\u0928\u093f\u0927\u093f\u0924\u094d\u0935 \u092a\u094d\u0930\u0926\u093e\u0928 \u0915\u0930\u0924\u0940 \u0939\u0948<\/p>\r\n                    <p>\u2022 \"\u0915\u0947\u0902\u0926\u094d\u0930 \u0936\u093e\u092e\u093f\u0932 \u0915\u0930\u0947\u0902\" \u0935\u093f\u0915\u0932\u094d\u092a \u0915\u0947\u0902\u0926\u094d\u0930 \u092e\u0947\u0902 \u090f\u0915 \u092a\u094d\u0932\u0947\u0938\u092e\u0947\u0902\u091f \u091a\u093f\u0939\u094d\u0928 \u091c\u094b\u0921\u093c\u0924\u093e \u0939\u0948\u0964<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Jost:wght@300;400;500;600;700&display=swap');\r\n\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.kml-generator-wrapper {\r\n    font-family: 'Jost', sans-serif;\r\n    background: #f5f5f5;\r\n    min-height: 100vh;\r\n    padding: 40px 20px;\r\n}\r\n\r\n.kml-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    background: #fff;\r\n    border-radius: 12px;\r\n    box-shadow: 0 4px 20px rgba(0,0,0,0.1);\r\n    overflow: hidden;\r\n}\r\n\r\n.kml-header {\r\n    background: #000;\r\n    color: #fff;\r\n    padding: 40px;\r\n    text-align: center;\r\n}\r\n\r\n.kml-header h1 {\r\n    font-size: 2.5rem;\r\n    font-weight: 700;\r\n    margin-bottom: 10px;\r\n    color:white;\r\n}\r\n\r\n.kml-header p {\r\n    font-size: 1.1rem;\r\n    font-weight: 300;\r\n    opacity: 0.9;\r\n}\r\n\r\n.kml-content {\r\n    padding: 50px 40px;\r\n}\r\n\r\n.info-box {\r\n    background: #f8f8f8;\r\n    border-left: 4px solid #000;\r\n    padding: 20px;\r\n    margin-bottom: 30px;\r\n    margin-top:30px;\r\n    border-radius: 4px;\r\n}\r\n\r\n.info-box p {\r\n    line-height: 1.8;\r\n    color: #333;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.info-box p:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.form-section {\r\n    background: #fff;\r\n    padding: 30px;\r\n    border: 2px solid #e0e0e0;\r\n    border-radius: 8px;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.section-header {\r\n    font-size: 1.5rem;\r\n    color: #000;\r\n    margin-bottom: 25px;\r\n    text-align: center;\r\n    font-weight: 600;\r\n}\r\n\r\n.form-group {\r\n    margin-bottom: 25px;\r\n}\r\n\r\n.form-group label {\r\n    display: block;\r\n    font-weight: 600;\r\n    margin-bottom: 8px;\r\n    color: #000;\r\n    font-size: 0.95rem;\r\n}\r\n\r\n.form-group input[type=\"text\"],\r\n.form-group input[type=\"number\"],\r\n.form-group select {\r\n    width: 100%;\r\n    padding: 6px 15px;\r\n    border: 2px solid #e0e0e0;\r\n    border-radius: 6px;\r\n    font-family: 'Jost', sans-serif;\r\n    font-size: 1rem;\r\n    transition: all 0.3s;\r\n}\r\n\r\n.form-group input:focus,\r\n.form-group select:focus {\r\n    outline: none;\r\n    border-color: #000;\r\n}\r\n\r\n.checkbox-group {\r\n    display: flex;\r\n    align-items: center;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.checkbox-group input[type=\"checkbox\"] {\r\n    width: 20px;\r\n    height: 20px;\r\n    margin-right: 10px;\r\n    cursor: pointer;\r\n    accent-color: #000;\r\n}\r\n\r\n.checkbox-group label {\r\n    margin: 0;\r\n    cursor: pointer;\r\n    font-weight: 600;\r\n    color: #000;\r\n}\r\n\r\n.btn-generate {\r\n    background: #000;\r\n    color: #fff;\r\n    padding: 15px 40px;\r\n    border: none;\r\n    border-radius: 6px;\r\n    font-family: 'Jost', sans-serif;\r\n    font-size: 1.1rem;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    transition: all 0.3s;\r\n    width: 100%;\r\n    max-width: 300px;\r\n    display: block;\r\n    margin: 0 auto;\r\n}\r\n\r\n.btn-generate:hover {\r\n    background: #333;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 4px 12px rgba(0,0,0,0.2);\r\n}\r\n\r\n.help-text {\r\n    font-size: 0.85rem;\r\n    color: #666;\r\n    margin-top: 5px;\r\n    font-style: italic;\r\n}\r\n\r\n.output-section {\r\n    margin-top: 30px;\r\n    padding: 25px;\r\n    background: #f0f0f0;\r\n    border-radius: 6px;\r\n    display: none;\r\n}\r\n\r\n.output-section.active {\r\n    display: block;\r\n}\r\n\r\n.output-section h3 {\r\n    margin-bottom: 15px;\r\n    color: #000;\r\n    font-size: 1.3rem;\r\n}\r\n\r\n.output-section textarea {\r\n    width: 100%;\r\n    min-height: 300px;\r\n    padding: 15px;\r\n    border: 2px solid #000;\r\n    border-radius: 6px;\r\n    font-family: monospace;\r\n    font-size: 0.85rem;\r\n    resize: vertical;\r\n}\r\n\r\n.button-group {\r\n    display: flex;\r\n    gap: 10px;\r\n    margin-top: 15px;\r\n}\r\n\r\n.btn-copy,\r\n.btn-download {\r\n    background: #000;\r\n    color: #fff;\r\n    padding: 12px 30px;\r\n    border: none;\r\n    border-radius: 6px;\r\n    font-family: 'Jost', sans-serif;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    transition: all 0.3s;\r\n    flex: 1;\r\n}\r\n\r\n.btn-copy:hover,\r\n.btn-download:hover {\r\n    background: #333;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 4px 12px rgba(0,0,0,0.2);\r\n}\r\n\r\n.note-box {\r\n    background: #fffbea;\r\n    border: 1px solid #f4d03f;\r\n    padding: 20px;\r\n    border-radius: 6px;\r\n    margin-top: 30px;\r\n}\r\n\r\n.note-box strong {\r\n    color: #000;\r\n    display: block;\r\n    margin-bottom: 10px;\r\n    font-size: 1.1rem;\r\n}\r\n\r\n.note-box p {\r\n    line-height: 1.7;\r\n    color: #333;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .kml-header h1 {\r\n        font-size: 2rem;\r\n    }\r\n    \r\n    .kml-content {\r\n        padding: 30px 20px;\r\n    }\r\n    \r\n    .form-section {\r\n        padding: 20px;\r\n    }\r\n    \r\n    .button-group {\r\n        flex-direction: column;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nlet currentKML = '';\r\nconst siteUrl = 'https:\/\/bulkdapa.site\/hi';\r\n\r\ndocument.getElementById('kmlForm').addEventListener('submit', function(e) {\r\n    e.preventDefault();\r\n    \r\n    const centerValue = document.getElementById('center').value;\r\n    const radius = parseFloat(document.getElementById('radius').value);\r\n    const unit = document.getElementById('unit').value;\r\n    const geometry = document.getElementById('geometry').value;\r\n    const color = document.getElementById('color').value;\r\n    const width = document.getElementById('width').value;\r\n    const includeCenter = document.getElementById('includeCenter').checked;\r\n    \r\n    \/\/ Parse center coordinates\r\n    const coords = centerValue.split(',').map(s => parseFloat(s.trim()));\r\n    if (coords.length !== 2 || isNaN(coords[0]) || isNaN(coords[1])) {\r\n        alert('Please enter valid center coordinates in format: longitude,latitude');\r\n        return;\r\n    }\r\n    \r\n    const lon = coords[0];\r\n    const lat = coords[1];\r\n    \r\n    \/\/ Generate KML\r\n    currentKML = generateKML(lon, lat, radius, unit, geometry, color, width, includeCenter);\r\n    \r\n    \/\/ Display output\r\n    document.getElementById('kmlOutput').value = currentKML;\r\n    document.getElementById('outputSection').classList.add('active');\r\n    \r\n    \/\/ Scroll to output\r\n    document.getElementById('outputSection').scrollIntoView({ behavior: 'smooth', block: 'nearest' });\r\n});\r\n\r\nfunction generateKML(lon, lat, radius, unit, geometry, color, width, includeCenter) {\r\n    const colorMap = {\r\n        'red': 'ff0000ff',\r\n        'blue': 'ffff0000',\r\n        'green': 'ff00ff00',\r\n        'yellow': 'ff00ffff',\r\n        'white': 'ffffffff',\r\n        'black': 'ff000000',\r\n        'cyan': 'ffffff00',\r\n        'magenta': 'ffff00ff'\r\n    };\r\n    \r\n    const fillColorMap = {\r\n        'red': '4d0000ff',\r\n        'blue': '4dff0000',\r\n        'green': '4d00ff00',\r\n        'yellow': '4d00ffff',\r\n        'white': '4dffffff',\r\n        'black': '4d000000',\r\n        'cyan': '4dffff00',\r\n        'magenta': '4dff00ff'\r\n    };\r\n    \r\n    const kmlColor = colorMap[color] || 'ff0000ff';\r\n    const fillColor = fillColorMap[color] || '4d0000ff';\r\n    \r\n    \/\/ Convert radius to meters\r\n    const radiusInMeters = convertToMeters(radius, unit);\r\n    \r\n    \/\/ Generate circle coordinates\r\n    const coordinates = generateCircleCoordinates(lon, lat, radiusInMeters);\r\n    \r\n    let kml = `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\\n`;\r\n    kml += `<kml xmlns=\"http:\/\/www.opengis.net\/kml\/2.2\" xmlns:gx=\"http:\/\/www.google.com\/kml\/ext\/2.2\" xmlns:kml=\"http:\/\/www.opengis.net\/kml\/2.2\" xmlns:atom=\"http:\/\/www.w3.org\/2005\/Atom\">\\n`;\r\n    kml += `  <Document id=\"kmlwb\">\\n`;\r\n    kml += `    <name>KML Circle<\/name>\\n`;\r\n    kml += `    <Snippet maxLines=\"0\"\/>\\n`;\r\n    kml += `    <styleUrl>#kmlwb-document<\/styleUrl>\\n`;\r\n    \r\n    \/\/ Add document style\r\n    kml += `    <Style id=\"kmlwb-document\">\\n`;\r\n    kml += `      <BalloonStyle>\\n`;\r\n    kml += `        <bgColor>ffd1faea<\/bgColor>\\n`;\r\n    kml += `        <textColor>ff042b49<\/textColor>\\n`;\r\n    kml += `        <text><![CDATA[<div style=\"width:240px;\">\\n`;\r\n    kml += `<span style=\"Verdana,Geneva,sans-serif; font-size:24px; color:#042b49;\">$[name]<\/span>\\n`;\r\n    kml += `<p style=\"color:#492b04;background-color:#eafad1; text-align:center;\">\\n`;\r\n    kml += `Created with <a style=\"color:#376b7b; text-decoration:none; font-weight:bold;\" href=\"${siteUrl}\">KML Circle Generator<\/a>\\n`;\r\n    kml += `<\/p><\/div>]]><\/text>\\n`;\r\n    kml += `        <displayMode>default<\/displayMode>\\n`;\r\n    kml += `      <\/BalloonStyle>\\n`;\r\n    kml += `      <ListStyle>\\n`;\r\n    kml += `        <listItemType>check<\/listItemType>\\n`;\r\n    kml += `        <bgColor>ffd1faea<\/bgColor>\\n`;\r\n    kml += `      <\/ListStyle>\\n`;\r\n    kml += `    <\/Style>\\n`;\r\n    \r\n    \/\/ Add circle styles\r\n    kml += `    <StyleMap id=\"kmlwb-circle\">\\n`;\r\n    kml += `      <Pair>\\n`;\r\n    kml += `        <key>normal<\/key>\\n`;\r\n    kml += `        <styleUrl>#kmlwb-circle-normal<\/styleUrl>\\n`;\r\n    kml += `      <\/Pair>\\n`;\r\n    kml += `      <Pair>\\n`;\r\n    kml += `        <key>highlight<\/key>\\n`;\r\n    kml += `        <styleUrl>#kmlwb-circle-highlight<\/styleUrl>\\n`;\r\n    kml += `      <\/Pair>\\n`;\r\n    kml += `    <\/StyleMap>\\n`;\r\n    \r\n    \/\/ Normal style\r\n    kml += `    <Style id=\"kmlwb-circle-normal\">\\n`;\r\n    kml += `      <IconStyle>\\n`;\r\n    kml += `        <color>${kmlColor}<\/color>\\n`;\r\n    kml += `        <scale>1<\/scale>\\n`;\r\n    kml += `        <Icon>\\n`;\r\n    kml += `          <href>http:\/\/maps.google.com\/mapfiles\/kml\/paddle\/wht-blank.png<\/href>\\n`;\r\n    kml += `        <\/Icon>\\n`;\r\n    kml += `        <hotSpot x=\"0.5\" y=\"0\" xunits=\"fraction\" yunits=\"fraction\"\/>\\n`;\r\n    kml += `      <\/IconStyle>\\n`;\r\n    kml += `      <LineStyle>\\n`;\r\n    kml += `        <color>${kmlColor}<\/color>\\n`;\r\n    kml += `        <colorMode>normal<\/colorMode>\\n`;\r\n    kml += `        <width>${width}<\/width>\\n`;\r\n    kml += `      <\/LineStyle>\\n`;\r\n    kml += `      <ListStyle>\\n`;\r\n    kml += `        <listItemType>check<\/listItemType>\\n`;\r\n    kml += `        <bgColor>ffd1faea<\/bgColor>\\n`;\r\n    kml += `      <\/ListStyle>\\n`;\r\n    kml += `      <PolyStyle>\\n`;\r\n    kml += `        <color>${fillColor}<\/color>\\n`;\r\n    kml += `        <colorMode>normal<\/colorMode>\\n`;\r\n    kml += `        <fill>1<\/fill>\\n`;\r\n    kml += `        <outline>0<\/outline>\\n`;\r\n    kml += `      <\/PolyStyle>\\n`;\r\n    kml += `    <\/Style>\\n`;\r\n    \r\n    \/\/ Highlight style\r\n    kml += `    <Style id=\"kmlwb-circle-highlight\">\\n`;\r\n    kml += `      <IconStyle>\\n`;\r\n    kml += `        <color>${kmlColor}<\/color>\\n`;\r\n    kml += `        <scale>1.5<\/scale>\\n`;\r\n    kml += `        <Icon>\\n`;\r\n    kml += `          <href>http:\/\/maps.google.com\/mapfiles\/kml\/paddle\/wht-blank.png<\/href>\\n`;\r\n    kml += `        <\/Icon>\\n`;\r\n    kml += `        <hotSpot x=\"0.5\" y=\"0\" xunits=\"fraction\" yunits=\"fraction\"\/>\\n`;\r\n    kml += `      <\/IconStyle>\\n`;\r\n    kml += `      <LineStyle>\\n`;\r\n    kml += `        <color>${kmlColor}<\/color>\\n`;\r\n    kml += `        <colorMode>normal<\/colorMode>\\n`;\r\n    kml += `        <width>${parseFloat(width) * 1.5}<\/width>\\n`;\r\n    kml += `      <\/LineStyle>\\n`;\r\n    kml += `      <ListStyle>\\n`;\r\n    kml += `        <listItemType>check<\/listItemType>\\n`;\r\n    kml += `        <bgColor>ffd1faea<\/bgColor>\\n`;\r\n    kml += `      <\/ListStyle>\\n`;\r\n    kml += `      <PolyStyle>\\n`;\r\n    kml += `        <color>80${kmlColor.substring(2)}<\/color>\\n`;\r\n    kml += `        <colorMode>normal<\/colorMode>\\n`;\r\n    kml += `        <fill>1<\/fill>\\n`;\r\n    kml += `        <outline>0<\/outline>\\n`;\r\n    kml += `      <\/PolyStyle>\\n`;\r\n    kml += `    <\/Style>\\n`;\r\n    \r\n    \/\/ Add center point if requested\r\n    if (includeCenter) {\r\n        kml += `    <Placemark>\\n`;\r\n        kml += `      <name>Center<\/name>\\n`;\r\n        kml += `      <styleUrl>#kmlwb-circle<\/styleUrl>\\n`;\r\n        kml += `      <Point>\\n`;\r\n        kml += `        <coordinates>\\n${lon},${lat} \\n<\/coordinates>\\n`;\r\n        kml += `      <\/Point>\\n`;\r\n        kml += `    <\/Placemark>\\n`;\r\n    }\r\n    \r\n    \/\/ Add geometry based on type\r\n    kml += `    <Placemark>\\n`;\r\n    kml += `      <name>${geometry === 'multigeometry' ? 'MultiGeometry' : geometry === 'polygon' ? 'Polygon' : 'LineString'}<\/name>\\n`;\r\n    kml += `      <styleUrl>#kmlwb-circle<\/styleUrl>\\n`;\r\n    \r\n    if (geometry === 'multigeometry') {\r\n        kml += `      <MultiGeometry>\\n`;\r\n        kml += `        <LineString>\\n`;\r\n        kml += `          <tessellate>1<\/tessellate>\\n`;\r\n        kml += `          <coordinates>\\n${coordinates}\\n<\/coordinates>\\n`;\r\n        kml += `        <\/LineString>\\n`;\r\n        kml += `        <Polygon>\\n`;\r\n        kml += `          <outerBoundaryIs>\\n`;\r\n        kml += `            <LinearRing>\\n`;\r\n        kml += `              <coordinates>\\n${coordinates}\\n<\/coordinates>\\n`;\r\n        kml += `            <\/LinearRing>\\n`;\r\n        kml += `          <\/outerBoundaryIs>\\n`;\r\n        kml += `        <\/Polygon>\\n`;\r\n        kml += `      <\/MultiGeometry>\\n`;\r\n    } else if (geometry === 'polygon') {\r\n        kml += `      <Polygon>\\n`;\r\n        kml += `        <outerBoundaryIs>\\n`;\r\n        kml += `          <LinearRing>\\n`;\r\n        kml += `            <coordinates>\\n${coordinates}\\n<\/coordinates>\\n`;\r\n        kml += `          <\/LinearRing>\\n`;\r\n        kml += `        <\/outerBoundaryIs>\\n`;\r\n        kml += `      <\/Polygon>\\n`;\r\n    } else {\r\n        kml += `      <LineString>\\n`;\r\n        kml += `        <tessellate>1<\/tessellate>\\n`;\r\n        kml += `        <coordinates>\\n${coordinates}\\n<\/coordinates>\\n`;\r\n        kml += `      <\/LineString>\\n`;\r\n    }\r\n    \r\n    kml += `    <\/Placemark>\\n`;\r\n    kml += `  <\/Document>\\n`;\r\n    kml += `<\/kml>\\n`;\r\n    \r\n    return kml;\r\n}\r\n\r\nfunction generateCircleCoordinates(centerLon, centerLat, radiusMeters) {\r\n    const points = 288; \/\/ More points for smoother circle\r\n    const earthRadius = 6371000; \/\/ meters\r\n    \r\n    let coords = [];\r\n    \r\n    for (let i = 0; i <= points; i++) {\r\n        const angle = (i * 360 \/ points) * Math.PI \/ 180;\r\n        \r\n        const dx = radiusMeters * Math.cos(angle);\r\n        const dy = radiusMeters * Math.sin(angle);\r\n        \r\n        const deltaLat = dy \/ earthRadius * (180 \/ Math.PI);\r\n        const deltaLon = dx \/ (earthRadius * Math.cos(centerLat * Math.PI \/ 180)) * (180 \/ Math.PI);\r\n        \r\n        const newLon = centerLon + deltaLon;\r\n        const newLat = centerLat + deltaLat;\r\n        \r\n        coords.push(`${newLon.toFixed(6)},${newLat.toFixed(6)} `);\r\n    }\r\n    \r\n    return coords.join('');\r\n}\r\n\r\nfunction convertToMeters(value, unit) {\r\n    const conversions = {\r\n        'meters': 1,\r\n        'km': 1000,\r\n        'mi': 1609.34,\r\n        'nm': 1852,\r\n        'ft': 0.3048\r\n    };\r\n    \r\n    return value * (conversions[unit] || 1);\r\n}\r\n\r\nfunction copyKML() {\r\n    const output = document.getElementById('kmlOutput');\r\n    output.select();\r\n    document.execCommand('copy');\r\n    \r\n    const btn = event.target;\r\n    const originalText = btn.innerHTML;\r\n    btn.innerHTML = '\u2705 Copied!';\r\n    setTimeout(() => {\r\n        btn.innerHTML = originalText;\r\n    }, 2000);\r\n}\r\n\r\nfunction downloadKML() {\r\n    if (!currentKML) {\r\n        alert('Please generate a circle first!');\r\n        return;\r\n    }\r\n    \r\n    const centerValue = document.getElementById('center').value;\r\n    const radius = document.getElementById('radius').value;\r\n    const unit = document.getElementById('unit').value;\r\n    const filename = `circle-${centerValue.replace(',', '_')}-${radius}${unit}.kml`;\r\n    \r\n    const blob = new Blob([currentKML], { type: 'application\/vnd.google-earth.kml+xml' });\r\n    const link = document.createElement('a');\r\n    link.href = URL.createObjectURL(blob);\r\n    link.download = filename;\r\n    link.click();\r\n    \r\n    const btn = event.target;\r\n    const originalText = btn.innerHTML;\r\n    btn.innerHTML = '\u2705 Downloaded!';\r\n    setTimeout(() => {\r\n        btn.innerHTML = originalText;\r\n    }, 2000);\r\n}\r\n<\/script>\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c35498f e-flex e-con-boxed e-con e-parent\" data-id=\"c35498f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-98abebf elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-shortcode\" data-id=\"98abebf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">[adinserter block=\"4\"]<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8aaf079 elementor-hidden-desktop elementor-widget elementor-widget-shortcode\" data-id=\"8aaf079\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">[adinserter block=\"2\"]<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-df3860b e-flex e-con-boxed e-con e-parent\" data-id=\"df3860b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5925f4f elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-shortcode\" data-id=\"5925f4f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">[adinserter block=\"4\"]<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0cdb899 elementor-hidden-desktop elementor-widget elementor-widget-shortcode\" data-id=\"0cdb899\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">[adinserter block=\"2\"]<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-827bd41 e-flex e-con-boxed e-con e-parent\" data-id=\"827bd41\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc85be0 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-shortcode\" data-id=\"fc85be0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">[adinserter block=\"4\"]<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1cb254b elementor-hidden-desktop elementor-widget elementor-widget-shortcode\" data-id=\"1cb254b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">[adinserter block=\"2\"]<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>[adinserter block=&#8221;4&#8243;][adinserter block=&#8221;2&#8243;][adinserter block=&#8221;4&#8243;][adinserter block=&#8221;2&#8243;][adinserter block=&#8221;4&#8243;][adinserter block=&#8221;2&#8243;][adinserter block=&#8221;4&#8243;][adinserter block=&#8221;2&#8243;]<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-102","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/bulkdapa.site\/hi\/wp-json\/wp\/v2\/pages\/102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bulkdapa.site\/hi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bulkdapa.site\/hi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bulkdapa.site\/hi\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bulkdapa.site\/hi\/wp-json\/wp\/v2\/comments?post=102"}],"version-history":[{"count":8,"href":"https:\/\/bulkdapa.site\/hi\/wp-json\/wp\/v2\/pages\/102\/revisions"}],"predecessor-version":[{"id":2308,"href":"https:\/\/bulkdapa.site\/hi\/wp-json\/wp\/v2\/pages\/102\/revisions\/2308"}],"wp:attachment":[{"href":"https:\/\/bulkdapa.site\/hi\/wp-json\/wp\/v2\/media?parent=102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}