[x] �Դ˹�ҵ�ҧ���
 
SKNFE
<!-- àÁ¹Ù¹Ó·Ò§ ¾ÃéÍÁ Dropdown ITA 2569 --> <meta content="text/html; charset=windows-874" http-equiv="Content-Type"> <link href="./css/styleJ.css" type="text/css" rel="stylesheet" /> <style type="text/css"> /* ===== Dropdown ITA 2569 ===== */ /* ºÑ§¤Ñº li ËÅÑ¡ãËé position:relative áÅÐäÁè float */ #tabsJ ul li.has-dropdown { position: relative !important; float: left !important; /* ¤§ÍÂÙèá¶Çà´ÔÁ¡ÑºàÁ¹ÙÍ×è¹ */ } /* Reset ·Ø¡ style ¨Ò¡ styleJ.css ·ÕèÍÒ¨»¹ÁÒ */ #tabsJ ul li.has-dropdown .dropdown-menu, #tabsJ ul li.has-dropdown .dropdown-menu li, #tabsJ ul li.has-dropdown .dropdown-menu li a { float: none !important; display: block !important; width: auto !important; height: auto !important; margin: 0 !important; background-image: none !important; border-radius: 0 !important; text-indent: 0 !important; letter-spacing: normal !important; } /* ¡Åèͧ dropdown ËÅÑ¡ */ #tabsJ ul li.has-dropdown .dropdown-menu { display: none !important; position: absolute !important; top: 100% !important; /* ªÔ´ãµéàÁ¹ÙËÅÑ¡¾Í´Õ äÁèÁÕªèͧÇèÒ§ */ left: 0 !important; background: #fff !important; border: 1px solid #ccc !important; border-top: 3px solid #1a6bbf !important; width: 340px !important; /* ¡Ó˹´¤ÇÒÁ¡ÇéÒ§µÒµÑÇ */ z-index: 99999 !important; box-shadow: 0 6px 16px rgba(0,0,0,0.18) !important; padding: 0 !important; list-style: none !important; overflow: hidden !important; } /* áÊ´§àÁ×èÍ hover */ #tabsJ ul li.has-dropdown:hover .dropdown-menu { display: block !important; } /* ËÑÇ¢éÍ¡ÅØèÁ (ᶺÊÕ¿éÒ) */ #tabsJ ul li.has-dropdown .dropdown-menu li.dropdown-group { background: #ddeaf8 !important; padding: 5px 12px !important; font-weight: bold !important; font-size: 12px !important; color: #1a5a99 !important; border-top: 1px solid #b8d0ea !important; cursor: default !important; pointer-events: none !important; line-height: 1.5 !important; white-space: normal !important; } /* á¶ÇÃÒ¡Òà O1–O26 */ #tabsJ ul li.has-dropdown .dropdown-menu li.dropdown-item { border-bottom: 1px solid #efefef !important; } #tabsJ ul li.has-dropdown .dropdown-menu li.dropdown-item a { display: flex !important; /* ãªé flex ¨Ñ´ O1 + ¢éͤÇÒÁ */ align-items: flex-start !important; padding: 6px 12px !important; font-size: 12px !important; color: #333 !important; text-decoration: none !important; white-space: normal !important; line-height: 1.5 !important; background: #fff !important; } #tabsJ ul li.has-dropdown .dropdown-menu li.dropdown-item a:hover { background: #f0f6ff !important; color: #1a5a99 !important; } /* »éÒ O1, O2, … — ¨Ñ´ªÔ´«éÒ ¤ÇÒÁ¡ÇéÒ§¤§·Õè */ #tabsJ ul li.has-dropdown .dropdown-menu li.dropdown-item a .ita-code { display: inline-block !important; min-width: 34px !important; flex-shrink: 0 !important; font-weight: bold !important; color: #1a6bbf !important; margin-right: 6px !important; text-align: center !important; background: #e8f0f9 !important; border-radius: 3px !important; padding: 0 3px !important; font-size: 11px !important; line-height: 1.6 !important; } </style> <div id="tabsJ"> <ul><!-- CSS Tabs àÅ×Í¡ä´é 12 Ẻ A;B;C;D;E;F;G;H;I;J;K;L--> <li><a href="index.php"><span>Home</span></a></li> <!-- <li><a href="?name=news2&file=readnews&id=35"><span>ÃÙé¨Ñ¡àÃÒ</span></a></li> --> <li><a href="index.php?name=news"><span>¡Ô¨¡ÃÃÁ »ÃЪÒÊÑÁ¾Ñ¹¸ì</span></a></li> <li><a href="index.php?name=calendar"><span>»¯Ô·Ô¹»¯ÔºÑµÔ¡ÒÃ</span></a></li> <!-- <li id="current"><a href="index.php?name=webboard"><span>Webboard</span></a></li> --> <li><a href="index.php?name=knowledge"><span>º·¤ÇÒÁÊÒÃйèÒÃÙé</span></a></li> <li><a href="index.php?name=knowledge1"><span>¢èÒÇ/»ÃСÒÈ/¨Ñ´«×éÍ-¨Ñ´¨éÒ§</span></a></li> <!-- ===== àÁ¹Ù ITA 2569 (Dropdown) ===== --> <li class="has-dropdown"><a href="#"><span>ITA 2569 ▾</span></a> <ul class="dropdown-menu"> <!-- µÑǪÕéÇÑ´ÂèÍ·Õè 8.1 ¢éÍÁÙž×é¹°Ò¹ --> <li class="dropdown-group">µÑǪÕéÇÑ´ÂèÍ·Õè 8.1 ¢éÍÁÙž×é¹°Ò¹</li> <li class="dropdown-item"><a href="http://sk.dole.go.th/sknfe/index.php?name=news2&file=readnews&id=50"><span class="ita-code">O1</span>â¤Ã§ÊÃéÒ§ ˹éÒ·ÕèáÅÐÍÓ¹Ò¨</a></li> <li class="dropdown-item"><a href="http://sk.dole.go.th/sknfe/index.php?name=news2&file=readnews&id=30"><span class="ita-code">O2</span>¢éÍÁÙżÙéºÃÔËÒÃ</a></li> <li class="dropdown-item"><a href="#contact-section"><span class="ita-code">O3</span>¢éÍÁÙÅ¡ÒõԴµèÍáÅЪèͧ·Ò§¡ÒÃÊͺ¶ÒÁ</a></li> <li class="dropdown-item"><a href="http://sk.dole.go.th/sknfe/index.php?name=news"><span class="ita-code">O4</span>¢èÒÇ»ÃЪÒÊÑÁ¾Ñ¹¸ì</a></li> <!-- µÑǪÕéÇÑ´ÂèÍ·Õè 8.2 ¡ÒúÃÔËÒçҹ --> <li class="dropdown-group">µÑǪÕéÇÑ´ÂèÍ·Õè 8.2 ¡ÒúÃÔËÒçҹ</li> <li class="dropdown-item"><a href="https://drive.google.com/drive/folders/1cyCGLhLN3BnnAR35im_wBbpwRjBIR6Wn?usp=sharing"><span class="ita-code">O5</span>á¼¹ÂØ·¸ÈÒʵÃìËÃ×Íá¼¹¾Ñ²¹Ò˹èǧҹ</a></li> <li class="dropdown-item"><a href="https://drive.google.com/drive/folders/1pwbnx9bsJkofP5HXjiE21n5YfugVgPrq?usp=sharing"><span class="ita-code">O6</span>á¼¹áÅФÇÒÁ¡éÒÇ˹éÒ㹡ÒôÓà¹Ô¹§Ò¹áÅСÒÃãªé§º»ÃÐÁÒ³»ÃÐ¨Ó»Õ ¾.È. 2569</a></li> <li class="dropdown-item"><a href="https://drive.google.com/file/d/1ImwWghVZ3GeSu00VEDnlee0EacWxPC0H/view?usp=sharing"><span class="ita-code">O7</span>ÃÒ§ҹ¼Å¡ÒôÓà¹Ô¹§Ò¹»ÃШӻէº»ÃÐÁÒ³ ¾.È.2568</a></li> <li class="dropdown-item"><a href="https://drive.google.com/drive/folders/1CFM7ONkvy9fUmawt5I1Pei6R7Jjg87RC?usp=sharing"><span class="ita-code">O8</span>¤ÙèÁ×ÍËÃ×Íá¹Ç·Ò§¡Òû¯ÔºÑµÔ§Ò¹¢Í§à¨éÒ˹éÒ·Õè</a></li> <li class="dropdown-item"><a href="https://drive.google.com/drive/folders/15jSuZ2j4rhCzPSdOk2CiXava5HODPFJQ?usp=sharing"><span class="ita-code">O9</span>¤ÙèÁ×ÍËÃ×Íá¹Ç·Ò§¡ÒâÍÃѺºÃÔ¡ÒÃÊÓËÃѺ¼ÙéÃѺºÃÔ¡ÒÃËÃ×ͼÙéÁÒµÔ´µèÍ</a></li> <li class="dropdown-item"><a href="http://sk.dole.go.th/sknfe/index.php?name=news2&file=readnews&id=51"><span class="ita-code">O10</span>Ãкº¡ÒÃãËéºÃÔ¡ÒüèÒ¹ªèͧ·Ò§Í͹äŹì (E-Service)</a></li> <!-- µÑǪÕéÇÑ´ÂèÍ·Õè 8.3 ¡ÒèѴ«×éͨѴ¨éÒ§ --> <li class="dropdown-group">µÑǪÕéÇÑ´ÂèÍ·Õè 8.3 ¡ÒèѴ«×éͨѴ¨éÒ§</li> <li class="dropdown-item"><a href="https://drive.google.com/drive/folders/1ZykPYJ6TOFoI0InaHVy93OD8FjBfxHHX?usp=sharing"><span class="ita-code">O11</span>ÊÃØ»¼Å¡ÒèѴ«×éͨѴ¨éÒ§ËÃ×Í¡ÒèѴËÒ¾ÑÊ´ØÃÒÂà´×͹»ÃШӻէº»ÃÐÁÒ³ ¾.È.2569 (ẺʢÃ.1)</a></li> <li class="dropdown-item"><a href="https://drive.google.com/drive/folders/1P-KigRmd_AFZ5Z0N8ZLVf8nI6MGH81lG?usp=sharing"><span class="ita-code">O12</span>ÃÒ§ҹÊÃØ»¼Å¡ÒèѴ«×éͨѴ¨éÒ§ËÃ×Í¡ÒèѴËÒ¾Ñʴآͧ˹èǧҹ »ÃШӻէº»ÃÐÁÒ³ ¾.È. 2568</a></li> <!-- µÑǪÕéÇÑ´ÂèÍ·Õè 8.4 ¡ÒúÃÔËÒÃáÅзÃѾÂҡúؤ¤Å --> <li class="dropdown-group">µÑǪÕéÇÑ´ÂèÍ·Õè 8.4 ¡ÒúÃÔËÒÃáÅзÃѾÂҡúؤ¤Å</li> <li class="dropdown-item"><a href="https://drive.google.com/drive/folders/1-QV8ddXA7oKV53I-doiAymZHOhRuQRAW?usp=sharing"><span class="ita-code">O13</span>ËÅѡࡳ±ìáÅÐá¼¹¡ÒúÃÔËÒÃáÅоѲ¹Ò·ÃѾÂҡúؤ¤Å»ÃШӻէº»ÃÐÁÒ³ ¾.È.2569</a></li> <li class="dropdown-item"><a href="https://drive.google.com/drive/folders/1RUQhlgU7CtpeWpXELeNo1pPWED8bQvHa?usp=sharing"><span class="ita-code">O14</span>ÃÒ§ҹ¼Å¡ÒúÃÔËÒÃáÅоѲ¹Ò·ÃѾÂҡúؤ¤Å»ÃШӻէº»ÃÐÁÒ³ ¾.È.2568</a></li> <li class="dropdown-item"><a href="https://drive.google.com/drive/folders/1GrP4Uu4UzrR2W8sRxTs0QNBJHYhD_y7S?usp=sharing"><span class="ita-code">O15</span>»ÃÐÁÇŨÃÔ¸ÃÃÁ¡ÒâѺà¤Å×è͹¨ÃÔ¸ÃÃÁ</a></li> <!-- µÑǪÕéÇÑ´ÂèÍ·Õè 8.5 ¡ÒÃÊè§àÊÃÔÁ¤ÇÒÁâ»Ãè§ãÊ --> <li class="dropdown-group">µÑǪÕéÇÑ´ÂèÍ·Õè 8.5 ¡ÒÃÊè§àÊÃÔÁ¤ÇÒÁâ»Ãè§ãÊ</li> <li class="dropdown-item"><a href="https://drive.google.com/drive/folders/1TAQJGx_aRcBwbuAnfGk2iJhX4AGzr83S?usp=sharing"><span class="ita-code">O16</span>á¹Ç»¯ÔºÑµÔ¡ÒèѴ¡ÒÃàÃ×èͧÃéͧàÃÕ¹¡Ò÷بÃÔµáÅлÃоĵÔÁԪͺ</a></li> <li class="dropdown-item"><a href="http://sk.dole.go.th/sknfe/index.php?name=news2&file=readnews&id=49"><span class="ita-code">O17</span>ªèͧ·Ò§¡ÒÃá¨é§àÃ×èͧÃéͧàÃÕ¹¡Ò÷بÃÔµáÅлÃоĵÔâ´ÂÁԪͺ</a></li> <li class="dropdown-item"><a href="https://drive.google.com/drive/folders/1fMi14AJE9QFBVm1RdcWfV7MUuGwzparc?usp=sharing"><span class="ita-code">O18</span>¢éÍÁÙÅʶԵÔàÃ×èͧÃéͧàÃÕ¹¡Ò÷بÃÔµáÅлÃоĵÔÁԪͺ»ÃШӻէº»ÃÐÁÒ³ ¾.È. 2568</a></li> <li class="dropdown-item"><a href="https://drive.google.com/drive/folders/1w-7_urFpLRWaoGOiD7LxhdlPbnsxrjwI?usp=sharing"><span class="ita-code">O19</span>¼Å¡ÒÃà»Ô´âÍ¡ÒÊãËéÁÕÊèǹÃèÇÁ㹡ÒôÓà¹Ô¹§Ò¹»Õ§º»ÃÐÁÒ³ ¾.È.2569</a></li> <!-- µÑǪÕéÇÑ´·Õè 9 ¡Òûéͧ¡Ñ¹¡Ò÷بÃÔµ --> <!-- µÑǪÕéÇÑ´ÂèÍ·Õè 9.1 ¡ÒúÃÔËÒèѴ¡ÒäÇÒÁàÊÕè§¡Ò÷بÃÔµ --> <li class="dropdown-group">µÑǪÕéÇÑ´ÂèÍ·Õè 9.1 ¡ÒúÃÔËÒèѴ¡ÒäÇÒÁàÊÕè§¡Ò÷بÃÔµ</li> <li class="dropdown-item"><a href="http://sk.dole.go.th/sknfe/index.php?name=news2&file=readnews&id=52"><span class="ita-code">O20</span>¡ÒâѺà¤Å×è͹âºÒ NO GIFT POLICY</a></li> <li class="dropdown-item"><a href="https://drive.google.com/drive/folders/1zVe-V6bVqb74mS5_BNyRX8cbIFlJLmF3?usp=sharing"><span class="ita-code">O21</span>¡ÒûÃÐàÁÔ¹¤ÇÒÁàÊÕè§¡Ò÷بÃÔµã¹Ë¹èǧҹÀÒ¤ÃѰ»ÃШӻէº»ÃÐÁÒ³ ¾.È. 2569</a></li> <li class="dropdown-item"><a href="https://drive.google.com/drive/folders/1Xxx5eXZX87KV7oNWcMfb7BtgAg42opv2?usp=sharing"><span class="ita-code">O22</span>ÃÒ§ҹ¼Å¡ÒôÓà¹Ô¹¡ÒõÒÁá¼¹ºÃÔËÒèѴ¡ÒäÇÒÁàÊÕè§¡Ò÷بÃÔµ¢Í§Ë¹èǧҹ »ÃШӻէº»ÃÐÁÒ³ ¾.È.2568</a></li> <!-- µÑǪÕéÇÑ´ÂèÍ·Õè 9.2 ÁҵáÒÃÊè§àÊÃÔÁ¤Ø³¸ÃÃÁáÅФÇÒÁâ»Ãè§ãÊ --> <li class="dropdown-group">µÑǪÕéÇÑ´ÂèÍ·Õè 9.2 ÁҵáÒÃÊè§àÊÃÔÁ¤Ø³¸ÃÃÁáÅФÇÒÁâ»Ãè§ãÊ</li> <li class="dropdown-item"><a href="https://drive.google.com/drive/folders/1b_naPYdrXdgqa08Tzr-ZwMVIHz8wVfZB?usp=sharing"><span class="ita-code">O23</span>á¼¹»¯ÔºÑµÔ¡Òûéͧ¡Ñ¹¡Ò÷بÃÔµ »Õ§º»ÃÐÁÒ³ ¾.È.2569</a></li> <li class="dropdown-item"><a href="https://drive.google.com/drive/folders/1D5CrDoBWhrgh-pQl88I0IUBDBBU8rXg8?usp=sharing"><span class="ita-code">O24</span>ÃÒ§ҹ¼Å¡ÒôÓà¹Ô¹¡Òûéͧ¡Ñ¹¡Ò÷بÃÔµ»Õ§º»ÃÐÁÒ³ ¾.È.2568</a></li> <li class="dropdown-item"><a href="https://drive.google.com/drive/folders/1O6ugw0Fd5ug2lyyRvmVvuRFuFbwJIDg1?usp=sharing"><span class="ita-code">O25</span>¡ÒùӼšÒûÃÐàÁÔ¹ ITA ä»ÊÙè¡ÒþѲ¹Òͧ¤ì¡Ã</a></li> <li class="dropdown-item"><a href="https://drive.google.com/drive/folders/1UwgrMFwaR1r2ah5n_EzAbozv9tm7Aupi?usp=sharing"><span class="ita-code">O26</span>ÃÒ§ҹ¼Å¡ÒôÓà¹Ô¹§Ò¹à¾×èÍÊè§àÊÃÔÁ¤Ø³¸ÃÃÁáÅФÇÒÁâ»Ãè§ãÊÀÒÂã¹Ë¹èǧҹ»Õ§º»ÃÐÁÒ³ ¾.È.2568</a></li> </ul> </li> <!-- ===== ÊÔé¹ÊØ´àÁ¹Ù ITA 2569 ===== --> <li><a href="http://sk.dole.go.th/sknfe/index.php?name=news2&file=readnews&id=49"><span>ÃéͧàÃÕ¹</span></a></li> <li><a href="index.php?name=admin"><span>à¢éÒÃкº</span></a></li> </ul> </div> </meta><!--
 

  

ٹ ʡ.дѺк
Ծ ᴧ ӹ ʡ.дѺк 繤СûԹѴ͡ʶҺѹ֡һеẺ Шӻէҳ .. 2568

ѹ ��� 15 ��͹ ѹ¹ �.�.2568




Ҫ : 3584


ٹ ʡ.дѺк 5 ѹѺش

      ʡ.дѺк¨ѴԨ ١к»дѺʶҹ õʴѡѡ ͧ͡ѹЪ 稾йҧطԴ ѪظҾѡɳ кҪԹ 26 / .. / 2569
      ͧ ˹觤 Ъ á˹Ἱͺ ʡ. ٹѵ Ѻ¹ ӹѡҹ¹ (ʡ.) Ѻ ӹѡҹѵ觪ҵ (NIA) ѴЪ á˹Ἱͺ ʡ. ٹѵ Ѻ 26 / .. / 2569
      ȡ.дѺӺŨ˹ ŧ鹷ԴǪ͡к֡ çâѺ͹䢻ѭǪ͡к֡ٹ (Thailand Zero Dropout) ФŨҡǨŧк 26 / .. / 2569
      ȡ.дѺӺź ͺ˹ѧ; Ѻҹ˹ѧͪ ˹ѧҹ㹾鹷Ӻź 26 / .. / 2569
      ȡ.дѺӺŷ觾 ŧ鹷ԴǪ͡к֡ çâѺ͹䢻ѭǪ͡к֡ٹ (Thailand Zero Dropout) Ǩ硾ԡ 㹾鹷Ӻŷ觾 26 / .. / 2569


 
<!-- ÊÕµÑÇÍÑ¡ÉÃÊèǹ·éÒ --> <style type="text/css"> /* ¢éÍÁÙžԡѴ */ .info-panel { color: #333333 !important; font-size: 13px; } /* ª×èÍͧ¤ì¡Ã */ .org-name { color: #000000 !important; font-size: 16px; font-weight: bold; letter-spacing: 0.3px; } /* ·ÕèÍÂÙè */ .org-address { color: #222222 !important; font-size: 13px; } /* ¢éͤÇÒÁµÔ´µèÍ·ÑèÇä» */ .org-contact p { color: #222222 !important; font-size: 13px; margin: 4px 0; } /* äͤ͹â·ÃÈѾ·ì/â·ÃÊÒà */ .org-contact .phone { color: #000000 !important; font-weight: bold; } /* ÅÔ§¡ìÍÕàÁÅ */ .org-contact a.email { color: #1a5fa8 !important; text-decoration: underline; } .org-contact a.email:hover { color: #0d3d6e !important; } /* ÅÔ§¡ìàÇçºä«µì */ .org-contact a.website { color: #1a5fa8 !important; text-decoration: underline; } .org-contact a.website:hover { color: #0d3d6e !important; } </style> <!-- Leaflet CSS --> <!-- smooth scroll --> <style type="text/css"> html { scroll-behavior: smooth; } </style> <!-- id anchor --> <div class="main-container" id="contact-section"> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" crossorigin="" /> <!-- Layout --> <div class="main-container"> <div class="map-container"> <div id="map" style="width:100%; height:350px; background:#e0e8f0;"> </div> <div class="info-panel">📍 ÅеԨٴ: <span id="lat-display">-</span> | Åͧ¨Ô¨Ù´: <span id="lng-display">-</span></div> </div> <div class="org-info"> <div class="org-name">Êӹѡ§Ò¹Êè§àÊÃÔÁ¡ÒÃàÃÕ¹ÃÙé»ÃШӨѧËÇѴʧ¢ÅÒ</div> <div class="org-address">àÅ¢·Õè 46 ¶¹¹ÃÒÁÇÔ¶Õ ÍÓàÀÍàÁ×ͧ ¨Ñ§ËÇѴʧ¢ÅÒ 90000</div> <div class="org-contact"> <p><span class="phone">📞 â·Ã:</span> 0-7431-1046, 0-7431-2822, 0-7431-2596</p> <p><span class="phone">📠 â·ÃÊÒÃ:</span> 0-7432-3713</p> <p>📧 ÍÕàÁÅ: <a href="mailto:songkhla@dole.go.th" class="email">songkhla@dole.go.th</a></p> <p>🌐 àÇçºä«µì: <a href="http://sk.dole.go.th/sknfe" target="_blank" class="website">http://sk.dole.go.th/sknfe</a></p> </div> </div> </div> <!-- smooth scroll --> <style type="text/css"> html { scroll-behavior: smooth; } </style> <!-- id anchor --> <script> (function () { // ¶éÒ Leaflet âËÅ´ÍÂÙèáÅéÇã¹Ë¹éÒ ãËéãªéàÅ if (typeof L !== 'undefined') { buildMap(); return; } // âËÅ´ Leaflet JS Ẻ dynamic (äÁèãªé defer) var s = document.createElement('script'); s.src = 'https://unpkg.com/leaflet@1.9.4/dist/leaflet.js'; s.crossOrigin = ''; s.onload = buildMap; s.onerror = showMapError; document.head.appendChild(s); /* ========== ÊÃéÒ§á¼¹·Õè ========== */ function buildMap() { var lat = 7.200316; var lng = 100.592663; var zoom = 16; var map = L.map('map').setView([lat, lng], zoom); L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors', maxZoom: 19, minZoom: 3 }).addTo(map); // äͤ͹ËÁØ´ function makeIcon(color) { var svg = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" width="32" height="32">' + '<path fill="' + color + '" stroke="#fff" stroke-width="2" ' + 'd="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192' + 'c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0z"/>' + '<circle fill="#fff" cx="192" cy="192" r="48"/>' + '</svg>'; return L.icon({ iconUrl: 'data:image/svg+xml,' + encodeURIComponent(svg), iconSize: [32, 42], iconAnchor: [16, 42], popupAnchor: [0, -42] }); } // ËÁØ´ËÅÑ¡ var marker = L.marker([lat, lng], { icon: makeIcon('#e74c3c'), title: 'Êӹѡ§Ò¹Êè§àÊÃÔÁ¡ÒÃàÃÕ¹ÃÙé»ÃШӨѧËÇѴʧ¢ÅÒ', riseOnHover: true }).addTo(map); // Popup marker.bindPopup( '<div style="font-family:Sarabun,Arial,sans-serif;min-width:250px;">' + '<h4 style="margin:0 0 8px;color:#e74c3c;">📍 Êӹѡ§Ò¹Êè§àÊÃÔÁ¡ÒÃàÃÕ¹ÃÙé»ÃШӨѧËÇѴʧ¢ÅÒ</h4>' + '<p style="margin:4px 0"><strong>·ÕèÍÂÙè:</strong> àÅ¢·Õè 46 ¶¹¹ÃÒÁÇÔ¶Õ ÍÓàÀÍàÁ×ͧ ¨Ñ§ËÇѴʧ¢ÅÒ 90000</p>' + '<p style="margin:4px 0"><strong>â·Ã:</strong> 0-7431-1046, 0-7431-2822, 0-7431-2596</p>' + '<p style="margin:4px 0"><strong>â·ÃÊÒÃ:</strong> 0-7432-3713</p>' + '<p style="margin:4px 0"><strong>ÍÕàÁÅ:</strong> songkhla@dole.go.th</p>' + '<p style="margin:4px 0"><strong>àÇçºä«µì:</strong> ' + '<a href="http://sk.dole.go.th/sknfe" target="_blank">sk.dole.go.th/sknfe</a></p>' + '<hr style="margin:8px 0">' + '<button onclick="window.open(\'http://sk.dole.go.th/sknfe\',\'_blank\')" ' + 'style="background:#e74c3c;color:#fff;border:none;padding:5px 10px;' + 'border-radius:4px;cursor:pointer;width:100%;">' + '¡ÅѺÊÙè˹éÒËÅÑ¡' + '</button>' + '</div>' ).openPopup(); // ¤ÅÔ¡á¼¹·Õè → áÊ´§¾Ô¡Ñ´ map.on('click', function (e) { document.getElementById('lat-display').textContent = e.latlng.lat.toFixed(6); document.getElementById('lng-display').textContent = e.latlng.lng.toFixed(6); }); // áÊ´§¾Ô¡Ñ´àÃÔèÁµé¹ document.getElementById('lat-display').textContent = lat.toFixed(6); document.getElementById('lng-display').textContent = lng.toFixed(6); // Scale bar L.control.scale({ metric: true, imperial: false }).addTo(map); // »ØèÁ¡ÅѺÊӹѡ§Ò¹ var HomeBtn = L.Control.extend({ options: { position: 'topleft' }, onAdd: function () { var btn = L.DomUtil.create('div', 'leaflet-bar leaflet-control'); btn.innerHTML = '<button style="width:30px;height:30px;background:#fff;border:none;' + 'cursor:pointer;font-size:18px;" title="ä»ÂѧÊӹѡ§Ò¹">🏠</button>'; btn.onclick = function () { map.setView([lat, lng], 18); marker.openPopup(); }; return btn; } }); map.addControl(new HomeBtn()); } /* ========== fallback ¡Ã³ÕâËÅ´äÁèä´é ========== */ function showMapError() { var el = document.getElementById('map'); if (!el) return; el.style.cssText = 'display:flex;align-items:center;justify-content:center;' + 'color:#666;font-size:14px;font-family:Sarabun,Arial,sans-serif;'; el.innerHTML = '📍 äÁèÊÒÁÒöâËÅ´á¼¹·Õèä´é ¡ÃسҵÃǨÊͺ¡ÒÃàª×èÍÁµèÍÍÔ¹à·ÍÃìà¹çµ'; } }()); </script></div><!-- Powered by MAXSITE 1.10 Modify by �ԡ� ����� Version 2.05