ਮੈਨੂੰ ਇੱਕ ਕੋਡ ਪ੍ਰਾਪਤ ਕਰੋ ਜਦੋਂ ਮੈਂ ਏਜੀ-ਗਰਿੱਡ ਕਤਾਰ ਉੱਤੇ ਕਲਿੱਕ ਕਰਦਾ ਹਾਂ ਤਾਂ ਜੋ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਸਵੇਲਟ ਫਰੇਮਵਰਕ ਵਿੱਚ ਪੌਪ ਅੱਪ ਮੈਪਬਾਕਸ ਮਾਰਕਰ ਬਿਲਡ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤਾ ਜਾ ਸਕੇ'] ", 'ਜਦੋਂ ਮੈਂ ਏਜੀ-ਗਰਿੱਡ ਕਤਾਰ ਉੱਤੇ ਕਲਿੱਕ ਕਰਦਾ ਹਾਂ ਤਾਂ ਮੈਨੂੰ ਇੱਕ ਕੋਡ ਪ੍ਰਾਪਤ ਕਰੋ ਤਾਂ ਜੋ ਮੈਂ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਸਵੈਲਟ ਫਰੇਮਵਰਕ ਵਿੱਚ ਪੌਪ ਅੱਪ ਮੈਪਬਾਕਸ ਮਾਰਕਰ ਬਿਲਡ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰ ਸਕਾਂ।', ' [\'ਜਦੋਂ ਮੈਂ ਏਜੀ-ਗਰਿੱਡ ਕਤਾਰ ਉੱਤੇ ਕਲਿੱਕ ਕਰਦਾ ਹਾਂ ਤਾਂ ਮੈਨੂੰ ਇੱਕ ਕੋਡ ਪ੍ਰਾਪਤ ਕਰੋ ਤਾਂ ਜੋ ਜਾਵਾਸਕ੍ਰਿਪਟ ਸਵੇਲਟ ਫਰੇਮਵਰਕ ਵਿੱਚ ਪੌਪ ਅੱਪ ਮੈਪਬਾਕਸ ਮਾਰਕਰ ਬਿਲਡ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤਾ ਜਾ ਸਕੇ\', \'ਇੱਥੇ ਇੱਕ ਉਦਾਹਰਣ ਕੋਡ ਹੈਸਵੇਲਟ ਫਰੇਮਵਰਕ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਜੋ ਇੱਕ ਪੌਪ-ਅੱਪ ਮੈਪ ਮਾਰਕਰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦੀ ਹੈ ਜਦੋਂ ਤੁਸੀਂ ਇੱਕ ਏਜੀ-ਗਰਿੱਡ ਵਿੱਚ ਇੱਕ ਕਤਾਰ ਉੱਤੇ ਕਲਿੱਕ ਕਰਦੇ ਹੋਃ \\n \'\' Php\\n <ਸਕ੍ਰਿਪਟ> \\n ਮੈਪਡੇਟਾ = [\\n {ਆਈ. ਡੀ.: 1, ਨਾਂਃ \'ਨਾਮ _ 1\', ਪਤਾਃ \'123 ਮੇਨ ਸਟ੍ਰੀਟ\', ਸ਼ਹਿਰਃ \'ਐਨੀਟਾਊਨ\', ਰਾਜਃ \'ਸੀ. ਏ.\', ਜ਼ਿਪਃ \'12345\', \'ਐੱਨ. ਐੱਨ. {ਆਈ. ਡੀ.: 2, ਨਾਂਃ\' ਨਾਮ _ 2 \', ਪਤਾਃ\' 567 ਐਲਮ \'St \', ਸ਼ਹਿਰਃ\' ਕੋਈ ਵੀ ਸ਼ਹਿਰ \', ਰਾਜਃ\' CA \', ਜ਼ਿਪਃ\' 12345 \', \\n {ID: 3, ਨਾਂਃ\' NAME _ 3 \', ਪਤਾਃ\' 789 ਓਕ ਸਟੈਂਟ \', ਸ਼ਹਿਰਃ\' ਕੋਈ ਵੀ ਸ਼ਹਿਰ \', ਰਾਜਃ\' CA \', ਜ਼ਿਪਃ\\ \'12345\\\'} \\n]; \\n\\n ਨਕਸ਼ਾ = L.map (\\\'ਨਕਸ਼ਾ\\\'). ਸੈਟਵਿਊ ([37.7749,-122.4194,13); \\n NAME _ 4 (\\\'HTTTPS:// {s}. NAME _ 5. ਓਪਨਸਟ੍ਰੀਟਮੈਪ. org/{z}/{x}/{y}. png\\\',{\\n ਐਟਰੀਬਿਊਸ਼ਨਃ\\\'ਮੈਪ ਡਾਟਾ ® <ahref = "https://openstreetmap.org"> ਓਪਨਸਟ੍ਰੀਟਮੈਪ </a> ਯੋਗਦਾਨ ਪਾਉਣ ਵਾਲੇ\\\', \\n ਮੈਕਸਜ਼ੂਮਃ 18, \\n}). ਐਡ ਟੂ (ਮੈਪ); \\n\\n ਚਲੋਮਾਰਕਰਲੇਅਰ = L.markerGroup (); \\n\\n map.on (\\\'ਕਲਿੱਕ ਕਰੋ\', ਫੰਕਸ਼ਨ (e) {\\n ਲੈਟਲੰਗ = e.latlng; \\n ਲੈੱਟ = latlng.lat; \\n ਲੈੱਟ ln = latlng.lng; \\n ਲੈੱਟ lnਮਾਰਕਰ = L.marker ([ਲੈਟ, lng]). ਐਡ ਟੂ (ਮਾਰਕਰਲੇਅਰ); \\n\\n marker.bindPopup ("<ਡਿਵੀ ਕਲਾਸ =\\\'ਪੌਪਅਪ\'>" + \\n "<b> ਨਾਂਃ </b>" + ਮੈਪਡੇਟਾ [e.row.id]. ਨਾਮ + \\n"<b> <b> ਪਤਾਃ </b>" + ਮੈਪਡੇਟਾ [e.row.id]. ਪਤਾ + \\n "<b> <b> ਸ਼ਹਿਰਃ </b>" + ਮੈਪਡੇਟਾ [e.row.id]. ਸ਼ਹਿਰ + \\n "<b> <b> ਰਾਜਃ </b>" + ਮੈਪਡੇਟਾ [e.row.id]. ਰਾਜ+ \\n "<b \',\' ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਿੱਚ \'] ', 'ਜਦੋਂ ਮੈਂ ਏਜੀ-ਗਰਿੱਡ ਕਤਾਰ ਉੱਤੇ ਕਲਿੱਕ ਕਰਦਾ ਹਾਂ ਤਾਂ ਮੈਨੂੰ ਇੱਕ ਕੋਡ ਪ੍ਰਾਪਤ ਕਰੋ ਤਾਂ ਜੋ ਮੈਂ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਸਵੈਲਟ ਫਰੇਮਵਰਕ ਵਿੱਚ ਪੌਪ ਅੱਪ ਮੈਪਬਾਕਸ ਮਾਰਕਰ ਬਿਲਡ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰ ਸਕਾਂ।', ' [\'ਜਦੋਂ ਮੈਂ ਏਜੀ-ਗਰਿੱਡ ਕਤਾਰ ਉੱਤੇ ਕਲਿੱਕ ਕਰਦਾ ਹਾਂ ਤਾਂ ਮੈਨੂੰ ਇੱਕ ਕੋਡ ਪ੍ਰਾਪਤ ਕਰੋ ਤਾਂ ਜੋ ਜਾਵਾਸਕ੍ਰਿਪਟ ਸਵੇਲਟ ਫਰੇਮਵਰਕ ਵਿੱਚ ਪੌਪ ਅੱਪ ਮੈਪਬਾਕਸ ਮਾਰਕਰ ਬਿਲਡ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤਾ ਜਾ ਸਕੇ\', \'ਇੱਥੇ ਇੱਕ ਉਦਾਹਰਣ ਕੋਡ ਹੈਸਵੇਲਟ ਫਰੇਮਵਰਕ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਜੋ ਇੱਕ ਪੌਪ-ਅੱਪ ਮੈਪ ਮਾਰਕਰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦੀ ਹੈ ਜਦੋਂ ਤੁਸੀਂ ਇੱਕ ਏਜੀ-ਗਰਿੱਡ ਵਿੱਚ ਇੱਕ ਕਤਾਰ ਉੱਤੇ ਕਲਿੱਕ ਕਰਦੇ ਹੋਃ \\n \'\' Php\\n <ਸਕ੍ਰਿਪਟ> \\n ਮੈਪਡੇਟਾ = [\\n {ਆਈ. ਡੀ.: 1, ਨਾਂਃ \'ਨਾਮ _ 1\', ਪਤਾਃ \'123 ਮੇਨ ਸਟ੍ਰੀਟ\', ਸ਼ਹਿਰਃ \'ਐਨੀਟਾਊਨ\', ਰਾਜਃ \'ਸੀ. ਏ.\', ਜ਼ਿਪਃ \'12345\', \'ਐੱਨ. ਐੱਨ. {ਆਈ. ਡੀ.: 2, ਨਾਂਃ\' ਨਾਮ _ 2 \', ਪਤਾਃ\' 567 ਐਲਮ \'St \', ਸ਼ਹਿਰਃ\' ਕੋਈ ਵੀ ਸ਼ਹਿਰ \', ਰਾਜਃ\' CA \', ਜ਼ਿਪਃ\' 12345 \', \\n {ID: 3, ਨਾਂਃ\' NAME _ 3 \', ਪਤਾਃ\' 789 ਓਕ ਸਟੈਂਟ \', ਸ਼ਹਿਰਃ\' ਕੋਈ ਵੀ ਸ਼ਹਿਰ \', ਰਾਜਃ\' CA \', ਜ਼ਿਪਃ\\ \'12345\\\'} \\n]; \\n\\n ਨਕਸ਼ਾ = L.map (\\\'ਨਕਸ਼ਾ\\\'). ਸੈਟਵਿਊ ([37.7749,-122.4194,13); \\n NAME _ 4 (\\\'HTTTPS:// {s}. NAME _ 5. ਓਪਨਸਟ੍ਰੀਟਮੈਪ. org/{z}/{x}/{y}. png\\\',{\\n ਐਟਰੀਬਿਊਸ਼ਨਃ\\\'ਮੈਪ ਡਾਟਾ ® <ahref = "https://openstreetmap.org"> ਓਪਨਸਟ੍ਰੀਟਮੈਪ </a> ਯੋਗਦਾਨ ਪਾਉਣ ਵਾਲੇ\\\', \\n ਮੈਕਸਜ਼ੂਮਃ 18, \\n}). ਐਡ ਟੂ (ਮੈਪ); \\n\\n ਚਲੋਮਾਰਕਰਲੇਅਰ = L.markerGroup (); \\n\\n map.on (\\\'ਕਲਿੱਕ ਕਰੋ\', ਫੰਕਸ਼ਨ (e) {\\n ਲੈਟਲੰਗ = e.latlng; \\n ਲੈੱਟ = latlng.lat; \\n ਲੈੱਟ ln = latlng.lng; \\n ਲੈੱਟ lnਮਾਰਕਰ = L.marker ([ਲੈਟ, lng]). ਐਡ ਟੂ (ਮਾਰਕਰਲੇਅਰ); \\n\\n marker.bindPopup ("<ਡਿਵੀ ਕਲਾਸ =\\\'ਪੌਪਅਪ\'>" + \\n "<b> ਨਾਂਃ </b>" + ਮੈਪਡੇਟਾ [e.row.id]. ਨਾਮ + \\n"<b> <b> ਪਤਾਃ </b>" + ਮੈਪਡੇਟਾ [e.row.id]. ਪਤਾ + \\n "<b> <b> ਸ਼ਹਿਰਃ </b>" + ਮੈਪਡੇਟਾ [e.row.id]. ਸ਼ਹਿਰ + \\n "<b> <b> ਰਾਜਃ </b>" + ਮੈਪਡੇਟਾ [e.row.id]. ਰਾਜ+ \\n \'<b\', \'ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਿੱਚ\', \'ਜ਼ਰੂਰ, ਇੱਥੇ ਇੱਕ ਉਦਾਹਰਣ ਹੈ ਕਿ ਜਦੋਂ ਤੁਸੀਂ ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਿੱਚ ਏਜੀ-ਗਰਿੱਡ ਵਿੱਚ ਇੱਕ ਕਤਾਰ ਉੱਤੇ ਕਲਿੱਕ ਕਰਦੇ ਹੋ ਤਾਂ ਤੁਸੀਂ ਇੱਕ ਪੌਪ-ਅਪ ਮੈਪ ਮਾਰਕਰ ਕਿਵੇਂ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰ ਸਕਦੇ ਹੋ।Svelte ਫਰੇਮਵਰਕ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏਃ \\n "\'Php\\n <ਸਕ੍ਰਿਪਟ> \\n ਮੈਪਡੇਟਾ = [\\n {ID: 1, ਨਾਂਃ\\\' NAME _ 1 \', ਪਤਾਃ\\\' 123 ਮੇਨ ਸਟੈਂਟ \', ਸ਼ਹਿਰਃ\\\' ਐਨੀਟਾਊਨ \', ਲਿਖੋਃ\\ \'CA\\\', ਜ਼ਿਪਃ\\\'12345\\\'}, \\n {ID: 2, ਨਾਂਃ\\\'NAME _ 2\\\', ਪਤਾਃ\\\'567 Elm St\\\', ਸ਼ਹਿਰਃ\\\'ਕੋਈ ਸ਼ਹਿਰ\\\', ਰਾਜਃ\\\'CA\\\', ਜ਼ਿਪਃ\\\'12345\\\', \\n {ID: 3, ਨਾਂਃ\\ \'ਨਾਮ _ 3\', ਪਤਾਃ \'789 ਓਕ ਸਟ੍ਰੀਟ\', ਸ਼ਹਿਰਃ \'ਐਨੀਟਾਊਨ\', ਰਾਜਃ \'ਸੀਏ\', ਜ਼ਿਪਃ \'12345\'); \'ਐੱਨ\' ਨਕਸ਼ਾ = L.map (\'ਨਕਸ਼ਾ\'). ਸੈਟ ਵਿਊ ([37.7749,- 122.4194], 13); \\n NAME _ 4 (\\\'HTTTPS:// {s}. NAME _ 5. ਓਪਨਸਟ੍ਰੀਟਮੈਪ. ਓਆਰਜੀ/{z}/{x}/{y}. png\\\', {\\n ਐਟਰੀਬਿਊਸ਼ਨਃ\\\'ਮੈਪ ਡਾਟਾ ® <ahref = "https://openstreetmap.org"> ਓਪਨਸਟ੍ਰੀਟਮੈਪ </a> ਯੋਗਦਾਨ ਪਾਉਣ ਵਾਲੇ \', \\n ਮੈਕਸਜ਼ੂਮਃ 18, \\n}). ਐਡ ਟੂ (ਨਕਸ਼ਾ); \\n\\n ਮਾਰਕ ਲੇਅਰ = L.markerGroup (); \\n\\nmap.on (\\\'ਕਲਿੱਕ ਕਰੋ\', ਫੰਕਸ਼ਨ (e) {\\n ਲੈਟਲੰਗ = e.latlng; \\n ਲੈੱਟ = latlng.lat; \\n ਲੈੱਟ lng = latlng.lng; \\n ਲੈੱਟ ਮਾਰਕਰ = L.marker ([ਲੈੱਟ,lng]). addTo (ਮਾਰਕਰਲੇਅਰ); \\n\\n marker.bindPopup ("<ਡਿਵ ਕਲਾਸ =\\\'ਪੌਪਅਪ\'>" + \\n "<b> ਨਾਂਃ </b>" + ਮੈਪਡੇਟਾ [e.row.id]. ਨਾਂ + \\n "<b> <b> ਪਤਾਃ </b>" +ਮੈਪਡੇਟਾ [e.row.id]. ਐਡਰੈੱਸ + \\n "<b> <b> ਸਿਟੀਃ </b>" + ਮੈਪਡੇਟਾ [e.row.id]. ਸਿਟੀ + \\n "<b> <b> ਸਟੇਟਃ </b>" + ਮੈਪਡੇਟਾ [e.row.id]. ਸਟੇਟ + \',\' ਜਾਵਾਸਕ੍ਰਿਪਟ ਡਿਵੈਲਪ ਕਰੋਕੋਡ ਜਦੋਂ ਮੈਂ ਪੌਪ ਅੱਪ ਮੈਪਬਾਕਸ ਮਾਰਕਰ ਬਿਲਡ \'ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਲਈ ਏਜੀ-ਗਰਿੱਡ ਕਤਾਰ ਉੱਤੇ ਕਲਿੱਕ ਕਰਦਾ ਹਾਂ] ', 'ਜਦੋਂ ਮੈਂ ਏਜੀ-ਗਰਿੱਡ ਕਤਾਰ ਉੱਤੇ ਕਲਿੱਕ ਕਰਦਾ ਹਾਂ ਤਾਂ ਮੈਨੂੰ ਇੱਕ ਕੋਡ ਪ੍ਰਾਪਤ ਕਰੋ ਤਾਂ ਜੋ ਮੈਂ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਸਵੈਲਟ ਫਰੇਮਵਰਕ ਵਿੱਚ ਪੌਪ ਅੱਪ ਮੈਪਬਾਕਸ ਮਾਰਕਰ ਬਿਲਡ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰ ਸਕਾਂ। \n ']