PhantomJS ਵਿੱਚ Google Maps API ਨੂੰ ਲੋਡ ਕਰਨ ਨਾਲ ਚੁਣੌਤੀਆਂ ਨੂੰ ਪਾਰ ਕਰਨਾ
PhantomJS ਇੱਕ ਸਿਰਲੇਖ ਰਹਿਤ ਬ੍ਰਾਊਜ਼ਰ ਹੈ ਜੋ ਵੈਬ ਪੇਜ ਦੇ ਆਪਸੀ ਤਾਲਮੇਲ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ, ਪਰ Google Maps API ਵਰਗੀਆਂ ਬਾਹਰੀ JavaScript ਲਾਇਬ੍ਰੇਰੀਆਂ ਨੂੰ ਲੋਡ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰਦੇ ਸਮੇਂ ਡਿਵੈਲਪਰਾਂ ਨੂੰ ਅਕਸਰ ਸਮੱਸਿਆਵਾਂ ਦਾ ਸਾਹਮਣਾ ਕਰਨਾ ਪੈਂਦਾ ਹੈ। ਫੈਂਟਮਜੇਐਸ ਦੀ ਪ੍ਰਕਿਰਤੀ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਐਗਜ਼ੀਕਿਊਸ਼ਨ 'ਤੇ ਨਿਰਭਰ ਕਰਨ ਵਾਲੇ ਗਤੀਸ਼ੀਲ ਤੱਤਾਂ ਨੂੰ ਰੈਂਡਰ ਕਰਨਾ ਚੁਣੌਤੀਪੂਰਨ ਬਣਾਉਂਦੀ ਹੈ। ਇਹ ਲੇਖ ਉਹਨਾਂ ਮੁੱਦਿਆਂ ਨੂੰ ਸੰਬੋਧਿਤ ਕਰਦਾ ਹੈ ਅਤੇ ਸੰਭਵ ਹੱਲਾਂ ਬਾਰੇ ਸਮਝ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ।
ਜੇਕਰ ਤੁਸੀਂ PhantomJS ਦੀ ਵਰਤੋਂ ਕਰਕੇ Google Maps JavaScript API ਨੂੰ ਲੋਡ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕੀਤੀ ਹੈ, ਤਾਂ ਤੁਹਾਨੂੰ ਮੁਸ਼ਕਲਾਂ ਦਾ ਸਾਹਮਣਾ ਕਰਨਾ ਪੈ ਸਕਦਾ ਹੈ ਜਿਵੇਂ ਕਿ ਸਰੋਤ ਲੋਡ ਨਹੀਂ ਹੋ ਰਹੇ ਜਾਂ ਨਕਸ਼ਾ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਵਿੱਚ ਅਸਫਲ। ਫੈਂਟਮਜੇਐਸ ਦੁਆਰਾ ਸੰਪੂਰਨ ਬ੍ਰਾਉਜ਼ਰਾਂ ਦੀ ਤੁਲਨਾ ਵਿੱਚ ਸਰੋਤਾਂ ਦੀ ਪ੍ਰਕਿਰਿਆ ਕਰਨ ਦੇ ਤਰੀਕੇ ਦੇ ਕਾਰਨ ਇਹ ਇੱਕ ਆਮ ਰੁਕਾਵਟ ਹੈ। ਸਹੀ ਹੈਂਡਲਿੰਗ ਦੇ ਬਿਨਾਂ, ਪੰਨਾ ਜ਼ਰੂਰੀ ਸਕ੍ਰਿਪਟਾਂ ਨੂੰ ਲੋਡ ਕਰਨ ਵਿੱਚ ਅਸਫਲ ਹੋ ਸਕਦਾ ਹੈ।
ਇਸ ਗਾਈਡ ਵਿੱਚ, ਅਸੀਂ ਇੱਕ ਉਦਾਹਰਣ ਕੋਡ ਦੀ ਜਾਂਚ ਕਰਾਂਗੇ ਜਿੱਥੇ ਫੈਂਟਮਜੇਐਸ ਵਿੱਚ ਇੱਕ ਗੂਗਲ ਮੈਪ ਨੂੰ ਲੋਡ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕੀਤੀ ਗਈ ਸੀ। ਅਸੀਂ ਅਸਫਲਤਾ ਦੇ ਸੰਭਾਵੀ ਕਾਰਨਾਂ ਦੀ ਪੜਚੋਲ ਕਰਾਂਗੇ ਅਤੇ ਇਸ ਸਮੱਸਿਆ ਨੂੰ ਹੱਲ ਕਰਨ ਲਈ ਵਿਹਾਰਕ ਕਦਮ ਪ੍ਰਦਾਨ ਕਰਾਂਗੇ। ਇਸ ਵਿੱਚ ਸਕ੍ਰਿਪਟ ਦੀਆਂ ਗਲਤੀਆਂ ਦਾ ਨਿਪਟਾਰਾ ਕਰਨਾ, ਕੰਸੋਲ ਆਉਟਪੁੱਟਾਂ ਨੂੰ ਸੰਭਾਲਣਾ, ਅਤੇ ਸਰੋਤ ਲੋਡ ਕਰਨ ਲਈ ਢੁਕਵੇਂ ਟਾਈਮਆਉਟ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਸ਼ਾਮਲ ਹੋਵੇਗਾ।
ਇਸ ਲੇਖ ਦੇ ਅੰਤ ਤੱਕ, ਤੁਹਾਨੂੰ ਇਸ ਗੱਲ ਦੀ ਸਪੱਸ਼ਟ ਸਮਝ ਹੋਵੇਗੀ ਕਿ ਤੁਹਾਡੇ ਵੈੱਬ ਆਟੋਮੇਸ਼ਨ ਕਾਰਜਾਂ ਲਈ ਇੱਕ ਨਿਰਵਿਘਨ ਰੈਂਡਰਿੰਗ ਅਨੁਭਵ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ, Google ਨਕਸ਼ੇ JavaScript API ਦੇ ਨਾਲ ਕੰਮ ਕਰਨ ਲਈ ਆਪਣੇ PhantomJS ਸੈੱਟਅੱਪ ਨੂੰ ਕਿਵੇਂ ਵਿਵਸਥਿਤ ਕਰਨਾ ਹੈ।
| ਹੁਕਮ | ਵਰਤੋਂ ਦੀ ਉਦਾਹਰਨ |
|---|---|
| page.onConsoleMessage | ਇਹ ਕਮਾਂਡ ਲੋਡ ਕੀਤੇ ਜਾ ਰਹੇ ਪੰਨੇ ਤੋਂ ਕਿਸੇ ਵੀ ਕੰਸੋਲ ਸੁਨੇਹਿਆਂ ਨੂੰ ਕੈਪਚਰ ਅਤੇ ਲੌਗ ਕਰਦੀ ਹੈ। ਇਹ ਖਾਸ ਤੌਰ 'ਤੇ ਉਦੋਂ ਲਾਭਦਾਇਕ ਹੁੰਦਾ ਹੈ ਜਦੋਂ JavaScript ਗਲਤੀਆਂ ਨੂੰ ਡੀਬੱਗ ਕਰਨਾ ਜਾਂ ਇਹ ਯਕੀਨੀ ਬਣਾਉਣਾ ਕਿ Google Maps API 'ਤੇ ਸਹੀ ਢੰਗ ਨਾਲ ਪ੍ਰਕਿਰਿਆ ਕੀਤੀ ਜਾ ਰਹੀ ਹੈ। |
| page.settings.userAgent | HTTP ਬੇਨਤੀਆਂ ਕਰਨ ਵੇਲੇ ਉਪਯੋਗਕਰਤਾ ਏਜੰਟ ਸਤਰ PhantomJS ਵਰਤਦਾ ਹੈ। ਇੱਕ ਅਸਲ ਬ੍ਰਾਊਜ਼ਰ ਤੋਂ ਬੇਨਤੀਆਂ ਦੀ ਨਕਲ ਕਰਦੇ ਸਮੇਂ ਇੱਕ ਕਸਟਮ ਉਪਭੋਗਤਾ ਏਜੰਟ ਸੈੱਟ ਕਰਨਾ ਜ਼ਰੂਰੀ ਹੈ, ਇਹ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਕਿ Google Maps API ਉਮੀਦ ਅਨੁਸਾਰ ਵਿਵਹਾਰ ਕਰਦਾ ਹੈ। |
| page.onError | ਪੰਨੇ ਦੇ ਅੰਦਰ ਹੋਣ ਵਾਲੀਆਂ ਕਿਸੇ ਵੀ JavaScript ਗਲਤੀਆਂ ਨੂੰ ਸੰਭਾਲਦਾ ਹੈ। ਲੌਗਿੰਗ ਗਲਤੀਆਂ ਅਤੇ ਸਟੈਕ ਟਰੇਸ ਦੁਆਰਾ, ਇਹ ਕਮਾਂਡ ਉਹਨਾਂ ਮੁੱਦਿਆਂ ਦੀ ਪਛਾਣ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰਦੀ ਹੈ ਜੋ Google Maps API ਨੂੰ ਸਹੀ ਤਰ੍ਹਾਂ ਲੋਡ ਹੋਣ ਤੋਂ ਰੋਕ ਸਕਦੀਆਂ ਹਨ। |
| page.onResourceReceived | ਜਦੋਂ ਵੀ ਕੋਈ ਸਰੋਤ ਪ੍ਰਾਪਤ ਹੁੰਦਾ ਹੈ ਤਾਂ ਇੱਕ ਇਵੈਂਟ ਨੂੰ ਚਾਲੂ ਕਰਦਾ ਹੈ। ਇਹ ਕਮਾਂਡ ਟਰੈਕਿੰਗ ਲਈ ਮਹੱਤਵਪੂਰਨ ਹੈ ਜਦੋਂ ਬਾਹਰੀ ਸਰੋਤ (ਜਿਵੇਂ ਕਿ Google ਨਕਸ਼ੇ ਸਕ੍ਰਿਪਟਾਂ) ਨੂੰ ਸਫਲਤਾਪੂਰਵਕ ਲੋਡ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਅਤੇ ਉਹ ਪੰਨੇ ਦੇ ਪ੍ਰਦਰਸ਼ਨ ਨੂੰ ਕਿਵੇਂ ਪ੍ਰਭਾਵਤ ਕਰਦੇ ਹਨ। |
| window.setTimeout | ਇੱਕ ਨਿਸ਼ਚਿਤ ਮਿਆਦ ਲਈ ਸਕ੍ਰਿਪਟ ਦੇ ਐਗਜ਼ੀਕਿਊਸ਼ਨ ਵਿੱਚ ਦੇਰੀ ਕਰਦਾ ਹੈ। ਉਦਾਹਰਨ ਵਿੱਚ, ਇਹ Google ਨਕਸ਼ੇ API ਨੂੰ ਇਹ ਦੇਖਣ ਤੋਂ ਪਹਿਲਾਂ ਲੋਡ ਕਰਨ ਲਈ ਕਾਫ਼ੀ ਸਮਾਂ ਦਿੰਦਾ ਹੈ ਕਿ ਕੀ ਇਹ ਸਹੀ ਢੰਗ ਨਾਲ ਸ਼ੁਰੂ ਹੋਇਆ ਹੈ। |
| page.render | ਪੰਨੇ ਦਾ ਇੱਕ ਸਕ੍ਰੀਨਸ਼ੌਟ ਕੈਪਚਰ ਕਰਦਾ ਹੈ। ਇਹ ਤਸਦੀਕ ਕਰਨ ਲਈ ਉਪਯੋਗੀ ਹੈ ਕਿ Google ਨਕਸ਼ੇ API ਨੂੰ ਦ੍ਰਿਸ਼ਟੀਗਤ ਰੂਪ ਵਿੱਚ ਰੈਂਡਰ ਕੀਤਾ ਗਿਆ ਹੈ, ਖਾਸ ਕਰਕੇ ਜਦੋਂ PhantomJS ਵਰਗੇ ਸਿਰਲੇਖ ਰਹਿਤ ਬ੍ਰਾਊਜ਼ਰਾਂ ਨਾਲ ਕੰਮ ਕਰਨਾ। |
| phantom.exit | ਫੈਂਟਮਜੇਐਸ ਪ੍ਰਕਿਰਿਆ ਨੂੰ ਖਤਮ ਕਰਦਾ ਹੈ। ਇਸ ਫੰਕਸ਼ਨ ਨੂੰ ਕਾਲ ਕਰਨਾ ਮਹੱਤਵਪੂਰਨ ਹੈ ਜਦੋਂ ਸਕ੍ਰਿਪਟ ਪੂਰਾ ਹੋ ਜਾਂਦੀ ਹੈ ਤਾਂ ਜੋ ਇਹ ਯਕੀਨੀ ਬਣਾਇਆ ਜਾ ਸਕੇ ਕਿ ਸਿਸਟਮ ਸਰੋਤ ਮੁਕਤ ਹੋ ਗਏ ਹਨ, ਮੈਮੋਰੀ ਲੀਕ ਹੋਣ ਜਾਂ ਲਟਕਣ ਵਾਲੀਆਂ ਪ੍ਰਕਿਰਿਆਵਾਂ ਨੂੰ ਰੋਕਿਆ ਜਾ ਰਿਹਾ ਹੈ। |
| tryLoadPage | ਪੰਨਾ ਲੋਡ ਕਰਨ ਲਈ ਇੱਕ ਮੁੜ ਕੋਸ਼ਿਸ਼ ਵਿਧੀ ਨੂੰ ਲਾਗੂ ਕਰਦਾ ਹੈ। ਇਹ ਕਮਾਂਡ ਉਹਨਾਂ ਮਾਮਲਿਆਂ ਨੂੰ ਸੰਭਾਲਦੀ ਹੈ ਜਿੱਥੇ Google ਨਕਸ਼ੇ API ਪਹਿਲੀ ਕੋਸ਼ਿਸ਼ 'ਤੇ ਲੋਡ ਕਰਨ ਵਿੱਚ ਅਸਫਲ ਹੋ ਸਕਦਾ ਹੈ, ਹੱਲ ਨੂੰ ਹੋਰ ਮਜ਼ਬੂਤ ਬਣਾਉਂਦਾ ਹੈ। |
| typeof google !== 'undefined' | ਜਾਂਚ ਕਰਦਾ ਹੈ ਕਿ ਕੀ Google Maps API ਨੂੰ ਸਫਲਤਾਪੂਰਵਕ ਲੋਡ ਕੀਤਾ ਗਿਆ ਹੈ। ਇਹ ਸ਼ਰਤ ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦੀ ਹੈ ਕਿ ਸਕ੍ਰਿਪਟ ਤਾਂ ਹੀ ਅੱਗੇ ਵਧਦੀ ਹੈ ਜੇਕਰ ਲੋੜੀਂਦੇ Google ਨਕਸ਼ੇ ਆਬਜੈਕਟ ਪੰਨੇ 'ਤੇ ਮੌਜੂਦ ਹੋਣ। |
ਫੈਂਟਮਜੇਐਸ ਵਿੱਚ ਗੂਗਲ ਮੈਪਸ API ਨੂੰ ਲੋਡ ਕਰਨ ਦੀ ਪ੍ਰਕਿਰਿਆ ਨੂੰ ਸਮਝਣਾ
ਪਹਿਲੀ ਸਕ੍ਰਿਪਟ ਉਦਾਹਰਨ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਫੈਂਟਮਜੇਐਸ ਪੇਜ ਆਬਜੈਕਟ ਬਣਾ ਕੇ ਸ਼ੁਰੂ ਹੁੰਦੀ ਹੈ ਲੋੜ ਹੈ('ਵੈੱਬਪੇਜ').ਬਣਾਓ() ਢੰਗ. ਇਹ ਫੈਂਟਮਜੇਐਸ ਉਦਾਹਰਣ ਨੂੰ ਅਰੰਭ ਕਰਦਾ ਹੈ, ਜੋ ਹੈੱਡਲੈੱਸ ਬਰਾਊਜ਼ਰ ਵਾਂਗ ਕੰਮ ਕਰਦਾ ਹੈ। PhantomJS ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਸਮੇਂ ਚੁਣੌਤੀਆਂ ਵਿੱਚੋਂ ਇੱਕ ਅਸਿੰਕ੍ਰੋਨਸ ਇਵੈਂਟਸ ਅਤੇ ਡਾਇਨਾਮਿਕ ਸਰੋਤਾਂ ਜਿਵੇਂ ਕਿ JavaScript APIs ਨੂੰ ਸੰਭਾਲਣਾ ਹੈ। ਇਸ ਕਾਰਨ ਕਰਕੇ, ਸਕ੍ਰਿਪਟ ਵਿੱਚ ਕਈ ਇਵੈਂਟ ਹੈਂਡਲਰ ਸ਼ਾਮਲ ਹੁੰਦੇ ਹਨ, ਸ਼ੁਰੂ ਕਰਦੇ ਹੋਏ page.onConsoleMessage, ਜੋ ਪੰਨੇ ਦੁਆਰਾ ਤਿਆਰ ਕੀਤੇ ਕਿਸੇ ਵੀ ਕੰਸੋਲ ਆਉਟਪੁੱਟ ਨੂੰ ਕੈਪਚਰ ਅਤੇ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦਾ ਹੈ। ਇਹ ਡੀਬੱਗਿੰਗ ਲਈ ਮਹੱਤਵਪੂਰਨ ਹੈ, ਖਾਸ ਤੌਰ 'ਤੇ ਜਦੋਂ ਗੂਗਲ ਮੈਪਸ API ਵਰਗੀਆਂ ਗੁੰਝਲਦਾਰ ਸਕ੍ਰਿਪਟਾਂ ਨੂੰ ਲੋਡ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ।
ਸਕ੍ਰਿਪਟ ਦਾ ਦੂਜਾ ਭਾਗ ਪੰਨੇ ਦੇ ਉਪਭੋਗਤਾ ਏਜੰਟ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਸੰਰਚਿਤ ਕਰਦਾ ਹੈ page.settings.userAgent. ਇਹ ਇੱਕ ਮਹੱਤਵਪੂਰਨ ਕਦਮ ਹੈ ਕਿਉਂਕਿ Google ਨਕਸ਼ੇ ਸਮੇਤ ਕੁਝ ਵੈੱਬਸਾਈਟਾਂ ਅਤੇ ਸੇਵਾਵਾਂ ਹੈੱਡਲੈੱਸ ਬ੍ਰਾਊਜ਼ਰਾਂ ਨੂੰ ਬਲਾਕ ਕਰ ਸਕਦੀਆਂ ਹਨ ਜਾਂ ਵੱਖਰਾ ਵਿਵਹਾਰ ਕਰ ਸਕਦੀਆਂ ਹਨ। ਉਪਭੋਗਤਾ ਏਜੰਟ ਨੂੰ ਇੱਕ ਅਸਲੀ ਬ੍ਰਾਊਜ਼ਰ ਦੀ ਨਕਲ ਕਰਨ ਲਈ ਸੈੱਟ ਕਰਕੇ (ਇਸ ਕੇਸ ਵਿੱਚ, ਕਰੋਮ), ਅਸੀਂ Google ਨਕਸ਼ੇ ਦੁਆਰਾ ਬੇਨਤੀ ਨੂੰ ਰੱਦ ਕਰਨ ਦੀ ਸੰਭਾਵਨਾ ਨੂੰ ਘਟਾਉਂਦੇ ਹਾਂ। ਅਗਲਾ, page.onਗਲਤੀ ਕਿਸੇ ਵੀ JavaScript ਗਲਤੀ ਨੂੰ ਫੜਨ ਲਈ ਪਰਿਭਾਸ਼ਿਤ ਕੀਤਾ ਗਿਆ ਹੈ ਜੋ ਪੇਜ ਐਗਜ਼ੀਕਿਊਸ਼ਨ ਦੌਰਾਨ ਹੋ ਸਕਦਾ ਹੈ। ਇਹ ਉਹਨਾਂ ਮੁੱਦਿਆਂ ਨੂੰ ਦਰਸਾਉਣ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ ਜੋ Google Maps API ਨੂੰ ਸਹੀ ਢੰਗ ਨਾਲ ਕੰਮ ਕਰਨ ਤੋਂ ਰੋਕਦੇ ਹਨ।
ਸਕ੍ਰਿਪਟ ਦਾ ਇੱਕ ਹੋਰ ਮਹੱਤਵਪੂਰਨ ਹਿੱਸਾ ਹੈ page.onResourceReceived ਫੰਕਸ਼ਨ. ਇਹ ਇਵੈਂਟ ਹੈਂਡਲਰ ਪੰਨੇ ਦੁਆਰਾ ਪ੍ਰਾਪਤ ਕੀਤੇ ਹਰੇਕ ਸਰੋਤ (ਜਿਵੇਂ ਕਿ ਸਕ੍ਰਿਪਟਾਂ, ਚਿੱਤਰਾਂ ਅਤੇ ਸਟਾਈਲਸ਼ੀਟਾਂ) ਬਾਰੇ ਜਾਣਕਾਰੀ ਨੂੰ ਲੌਗ ਕਰਦਾ ਹੈ। ਉਦਾਹਰਨ ਲਈ, Google Maps JavaScript ਫਾਈਲ ਨੂੰ ਲੋਡ ਕੀਤੇ ਜਾਣ 'ਤੇ ਟਰੈਕ ਕਰਨਾ ਸਾਨੂੰ ਇਹ ਪੁਸ਼ਟੀ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ ਕਿ ਸਕ੍ਰਿਪਟ ਸਫਲਤਾਪੂਰਵਕ ਪ੍ਰਾਪਤ ਕੀਤੀ ਗਈ ਹੈ ਜਾਂ ਨਹੀਂ। ਸਰੋਤ ਲੌਗ ਵਿੱਚ ਹਰੇਕ ਬੇਨਤੀ ਦਾ URL ਅਤੇ ਸਥਿਤੀ ਕੋਡ ਵੀ ਸ਼ਾਮਲ ਹੁੰਦਾ ਹੈ, ਜੋ ਬਲੌਕ ਕੀਤੀਆਂ ਜਾਂ ਅਸਫਲ ਨੈੱਟਵਰਕ ਬੇਨਤੀਆਂ ਨਾਲ ਸਬੰਧਤ ਸਮੱਸਿਆਵਾਂ ਦਾ ਨਿਦਾਨ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰ ਸਕਦਾ ਹੈ।
ਅੰਤ ਵਿੱਚ, ਸਕ੍ਰਿਪਟ ਵਰਤਦਾ ਹੈ page.open ਇੱਕ ਖਾਸ ਵੈੱਬਪੇਜ ਨੂੰ ਲੋਡ ਕਰਨ ਲਈ, ਜਿਸ ਵਿੱਚ ਏਮਬੈਡਡ ਗੂਗਲ ਮੈਪਸ ਕੋਡ ਸ਼ਾਮਲ ਹੁੰਦਾ ਹੈ। ਇੱਕ ਵਾਰ ਪੰਨਾ ਸਫਲਤਾਪੂਰਵਕ ਲੋਡ ਹੋਣ ਤੋਂ ਬਾਅਦ, ਏ window.setTimeout ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਐਗਜ਼ੀਕਿਊਸ਼ਨ ਵਿੱਚ ਦੇਰੀ ਕਰਨ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ, ਜਿਸ ਨਾਲ Google Maps API ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਲੋਡ ਹੋਣ ਲਈ ਕਾਫ਼ੀ ਸਮਾਂ ਮਿਲਦਾ ਹੈ। ਸਕ੍ਰਿਪਟ ਗੂਗਲ ਮੈਪਸ ਆਬਜੈਕਟ ਦੀ ਮੌਜੂਦਗੀ ਦੀ ਜਾਂਚ ਕਰਕੇ ਜਾਂਚ ਕਰਦੀ ਹੈ ਕਿ ਕੀ typeof google !== 'ਅਪਰਿਭਾਸ਼ਿਤ'. ਜੇਕਰ Google Maps ਸਫਲਤਾਪੂਰਵਕ ਲੋਡ ਹੋ ਜਾਂਦਾ ਹੈ, ਤਾਂ ਸਕ੍ਰਿਪਟ ਵਰਤਦੇ ਹੋਏ ਪੰਨੇ ਦਾ ਇੱਕ ਸਕ੍ਰੀਨਸ਼ੌਟ ਕੈਪਚਰ ਕਰਦੀ ਹੈ page.render, ਅਤੇ ਫਿਰ ਫੈਂਟਮਜੇਐਸ ਉਦਾਹਰਨ ਨੂੰ ਇਸ ਨਾਲ ਖਤਮ ਕਰਦਾ ਹੈ phantom.exit. ਇਹ ਸੁਨਿਸ਼ਚਿਤ ਕਰਦਾ ਹੈ ਕਿ ਪ੍ਰਕਿਰਿਆ ਪੂਰੀ ਤਰ੍ਹਾਂ ਖਤਮ ਹੁੰਦੀ ਹੈ, ਅਤੇ ਕੰਮ ਪੂਰਾ ਹੋਣ ਤੋਂ ਬਾਅਦ ਸਰੋਤਾਂ ਨੂੰ ਮੁਕਤ ਕਰ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ।
PhantomJS ਵਿੱਚ Google Maps JavaScript API ਨੂੰ ਲੋਡ ਕੀਤਾ ਜਾ ਰਿਹਾ ਹੈ: ਹੱਲ 1
ਸਹੀ ਸਰੋਤ ਪ੍ਰਬੰਧਨ ਅਤੇ ਸਮਾਂ ਸਮਾਪਤੀ ਦੇ ਨਾਲ Google ਨਕਸ਼ੇ ਨੂੰ ਲੋਡ ਕਰਨ ਲਈ PhantomJS ਦੀ ਵਰਤੋਂ ਕਰਨ ਲਈ ਪਹੁੰਚ
var page = require('webpage').create();page.settings.userAgent = 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)';page.onConsoleMessage = function(msg) {console.log('Console: ' + msg);};page.onError = function(msg, trace) {console.error('Error: ' + msg);trace.forEach(function(t) {console.error(' -> ' + t.file + ': ' + t.line);});};page.onResourceReceived = function(response) {console.log('Resource received: ' + response.url);};page.open('https://example.com/map.html', function(status) {if (status === 'success') {window.setTimeout(function() {if (typeof google !== 'undefined' && typeof google.maps !== 'undefined') {console.log('Google Maps API loaded successfully.');page.render('google_map.jpg');phantom.exit();}}, 15000);} else {console.log('Failed to load page');phantom.exit();}});
PhantomJS ਵਿੱਚ Google Maps API ਨੂੰ ਲੋਡ ਕੀਤਾ ਜਾ ਰਿਹਾ ਹੈ: ਹੱਲ 2
ਮੁੜ ਕੋਸ਼ਿਸ਼ਾਂ ਅਤੇ ਵਿਸਤ੍ਰਿਤ ਗਲਤੀ ਹੈਂਡਲਿੰਗ ਦੇ ਨਾਲ ਫੈਂਟਮਜੇਐਸ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਵਿਕਲਪਿਕ ਪਹੁੰਚ
var page = require('webpage').create();var retries = 3;var tryLoadPage = function(url) {page.open(url, function(status) {if (status === 'success') {console.log('Page loaded successfully.');window.setTimeout(checkGoogleMaps, 10000);} else {if (retries > 0) {console.log('Retrying... (' + retries + ')');retries--;tryLoadPage(url);} else {console.log('Failed to load after retries.');phantom.exit();}}});};var checkGoogleMaps = function() {if (typeof google !== 'undefined' && typeof google.maps !== 'undefined') {console.log('Google Maps API loaded.');page.render('map_loaded.jpg');phantom.exit();} else {console.log('Google Maps API not found, exiting.');phantom.exit();}};tryLoadPage('https://example.com/map.html');
ਫੈਂਟਮਜੇਐਸ ਵਿੱਚ ਗੂਗਲ ਮੈਪਸ ਲੋਡਿੰਗ ਦੀ ਜਾਂਚ: ਯੂਨਿਟ ਟੈਸਟ ਉਦਾਹਰਨ
Google Maps API ਲੋਡਿੰਗ ਲਈ ਯੂਨਿਟ ਟੈਸਟਿੰਗ ਦੇ ਨਾਲ PhantomJS ਸਕ੍ਰਿਪਟ
var page = require('webpage').create();var testGoogleMapsLoad = function() {page.open('https://example.com/map.html', function(status) {if (status === 'success') {console.log('Test: Page loaded successfully');setTimeout(function() {if (typeof google !== 'undefined' && typeof google.maps !== 'undefined') {console.log('Test: Google Maps API loaded');phantom.exit();} else {console.log('Test Failed: Google Maps API not loaded');phantom.exit(1);}}, 10000);} else {console.log('Test Failed: Could not load page');phantom.exit(1);}});};testGoogleMapsLoad();
ਫੈਂਟਮਜੇਐਸ ਵਿੱਚ ਗੂਗਲ ਮੈਪਸ API ਲੋਡਿੰਗ ਮੁੱਦਿਆਂ ਨੂੰ ਹੱਲ ਕਰਨਾ
PhantomJS ਵਿੱਚ Google Maps JavaScript API ਨੂੰ ਲੋਡ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰਦੇ ਸਮੇਂ, ਤੁਹਾਨੂੰ PhantomJS ਦੇ ਸਿਰਲੇਖ ਰਹਿਤ ਸੁਭਾਅ ਦੇ ਕਾਰਨ ਸਮੱਸਿਆਵਾਂ ਦਾ ਸਾਹਮਣਾ ਕਰਨਾ ਪੈ ਸਕਦਾ ਹੈ। ਪਰੰਪਰਾਗਤ ਬ੍ਰਾਉਜ਼ਰਾਂ ਦੇ ਉਲਟ, ਫੈਂਟਮਜੇਐਸ ਇੱਕ GUI ਪ੍ਰਦਰਸ਼ਿਤ ਨਹੀਂ ਕਰਦਾ ਹੈ, ਜੋ ਕਈ ਵਾਰ ਗਤੀਸ਼ੀਲ ਤੱਤਾਂ ਜਿਵੇਂ ਕਿ ਨਕਸ਼ਿਆਂ ਨੂੰ ਲੋਡ ਕਰਨਾ ਸਮੱਸਿਆ ਵਾਲਾ ਬਣਾਉਂਦਾ ਹੈ। ਨੋਟ ਕਰਨ ਵਾਲੀ ਇਕ ਮਹੱਤਵਪੂਰਨ ਗੱਲ ਇਹ ਹੈ ਕਿ ਗੂਗਲ ਮੈਪਸ ਕਲਾਇੰਟ-ਸਾਈਡ ਜਾਵਾ ਸਕ੍ਰਿਪਟ 'ਤੇ ਬਹੁਤ ਜ਼ਿਆਦਾ ਨਿਰਭਰ ਕਰਦਾ ਹੈ, ਅਤੇ ਫੈਂਟਮਜੇਐਸ ਵਰਗੇ ਹੈੱਡਲੈੱਸ ਬ੍ਰਾਊਜ਼ਰ ਸਮੇਂ ਸਿਰ ਅਜਿਹੀਆਂ ਸਕ੍ਰਿਪਟਾਂ ਨੂੰ ਚਲਾਉਣ ਲਈ ਸੰਘਰਸ਼ ਕਰ ਸਕਦੇ ਹਨ। ਇਹ ਯਕੀਨੀ ਬਣਾਉਣਾ ਕਿ ਹੋਰ ਕਾਰਵਾਈਆਂ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਨਕਸ਼ਾ ਪੂਰੀ ਤਰ੍ਹਾਂ ਰੈਂਡਰ ਹੋ ਰਿਹਾ ਹੈ, ਸਕ੍ਰਿਪਟ ਦੀਆਂ ਗਲਤੀਆਂ ਜਾਂ ਅਧੂਰੀ ਲੋਡਿੰਗ ਤੋਂ ਬਚਣ ਲਈ ਜ਼ਰੂਰੀ ਹੈ।
ਇੱਕ ਹੋਰ ਚੁਣੌਤੀ ਨੈੱਟਵਰਕ ਸਰੋਤਾਂ ਨੂੰ ਕੁਸ਼ਲਤਾ ਨਾਲ ਸੰਭਾਲਣਾ ਹੈ। ਕਿਉਂਕਿ ਗੂਗਲ ਮੈਪਸ ਵਿੱਚ ਬਾਹਰੀ ਸਕ੍ਰਿਪਟਾਂ ਅਤੇ ਡੇਟਾ ਨੂੰ ਲੋਡ ਕਰਨਾ ਸ਼ਾਮਲ ਹੈ, ਤੁਹਾਡੀ ਸਕ੍ਰਿਪਟ ਨੂੰ ਇਹਨਾਂ ਨੈਟਵਰਕ ਬੇਨਤੀਆਂ ਦੀ ਨਿਗਰਾਨੀ ਕਰਨੀ ਚਾਹੀਦੀ ਹੈ। ਉਦਾਹਰਨ ਲਈ, ਇਵੈਂਟ ਹੈਂਡਲਰ ਦੀ ਵਰਤੋਂ ਕਰਕੇ onResource Received, ਤੁਸੀਂ ਟਰੈਕ ਕਰ ਸਕਦੇ ਹੋ ਕਿ ਕਿਹੜੇ ਸਰੋਤ ਸਫਲਤਾਪੂਰਵਕ ਪ੍ਰਾਪਤ ਕੀਤੇ ਗਏ ਹਨ ਅਤੇ ਕਿਹੜੇ ਫੇਲ ਹਨ। ਇਹ ਲੋਡਿੰਗ ਪ੍ਰਕਿਰਿਆ 'ਤੇ ਵਧੇਰੇ ਦਾਣੇਦਾਰ ਨਿਯੰਤਰਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ ਅਤੇ ਰੁਕਾਵਟਾਂ ਦੀ ਪਛਾਣ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ, ਭਾਵੇਂ ਉਹ ਸਕ੍ਰਿਪਟ ਐਗਜ਼ੀਕਿਊਸ਼ਨ ਜਾਂ ਨੈਟਵਰਕ ਮੁੱਦਿਆਂ ਨਾਲ ਸਬੰਧਤ ਹਨ। ਇਹਨਾਂ ਸਰੋਤਾਂ ਨੂੰ ਸਹੀ ਢੰਗ ਨਾਲ ਸੰਭਾਲਣਾ ਤੁਹਾਡੀ PhantomJS ਸਕ੍ਰਿਪਟ ਨੂੰ ਹੋਰ ਮਜਬੂਤ ਬਣਾਵੇਗਾ ਅਤੇ ਨਕਸ਼ੇ ਨੂੰ ਸਫਲਤਾਪੂਰਵਕ ਲੋਡ ਕਰਨ ਦੀਆਂ ਸੰਭਾਵਨਾਵਾਂ ਵਿੱਚ ਸੁਧਾਰ ਕਰੇਗਾ।
ਅੰਤ ਵਿੱਚ, ਇੱਕ ਆਮ ਸਮੱਸਿਆ API ਨੂੰ ਲੋਡ ਕਰਨ ਲਈ ਲੋੜੀਂਦੇ ਸਮੇਂ ਨੂੰ ਘੱਟ ਅੰਦਾਜ਼ਾ ਲਗਾ ਰਹੀ ਹੈ। ਸਿਰਫ਼ ਕੁਝ ਸਕਿੰਟਾਂ ਦੀ ਉਡੀਕ ਕਰਨੀ ਕਾਫ਼ੀ ਨਹੀਂ ਹੋ ਸਕਦੀ, ਕਿਉਂਕਿ ਲੋਡ ਹੋਣ ਦਾ ਸਮਾਂ ਨੈੱਟਵਰਕ ਸਥਿਤੀਆਂ ਦੇ ਆਧਾਰ 'ਤੇ ਵੱਖ-ਵੱਖ ਹੋ ਸਕਦਾ ਹੈ। ਇੱਕ ਮੁੜ-ਕੋਸ਼ਿਸ਼ ਵਿਧੀ ਨੂੰ ਲਾਗੂ ਕਰਕੇ ਜਾਂ ਲੰਬੇ ਸਮੇਂ ਦੀ ਸਮਾਪਤੀ ਦੀ ਵਰਤੋਂ ਕਰਕੇ, ਜਿਵੇਂ ਕਿ ਪਿਛਲੀਆਂ ਉਦਾਹਰਣਾਂ ਵਿੱਚ ਦਿਖਾਇਆ ਗਿਆ ਹੈ, ਤੁਸੀਂ ਇਹ ਯਕੀਨੀ ਬਣਾ ਸਕਦੇ ਹੋ ਕਿ ਤੁਹਾਡੀ ਸਕ੍ਰਿਪਟ ਮੈਪ ਨੂੰ ਲੋਡ ਹੋਣ ਲਈ ਕਾਫ਼ੀ ਸਮਾਂ ਦਿੰਦੀ ਹੈ। ਫੈਂਟਮਜੇਐਸ ਵਿੱਚ ਕੰਮ ਕਰਨ ਲਈ Google ਨਕਸ਼ੇ API ਨੂੰ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਸਮਾਰਟ ਸਰੋਤ ਪ੍ਰਬੰਧਨ ਅਤੇ ਚੰਗੀ ਤਰ੍ਹਾਂ ਸਟ੍ਰਕਚਰਡ ਟਾਈਮਆਉਟ ਦੇ ਸੁਮੇਲ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਮਹੱਤਵਪੂਰਨ ਹੈ।
PhantomJS ਵਿੱਚ Google Maps API ਨੂੰ ਲੋਡ ਕਰਨ ਬਾਰੇ ਅਕਸਰ ਪੁੱਛੇ ਜਾਂਦੇ ਸਵਾਲ
- ਫੈਂਟਮਜੇਐਸ ਵਿੱਚ ਗੂਗਲ ਮੈਪਸ API ਲੋਡ ਕਿਉਂ ਨਹੀਂ ਹੋ ਰਿਹਾ ਹੈ?
- Google Maps API ਨਾਕਾਫ਼ੀ ਸਮਾਂ ਸਮਾਪਤੀ ਜਾਂ ਨੈੱਟਵਰਕ ਸਮੱਸਿਆਵਾਂ ਦੇ ਕਾਰਨ ਫੈਂਟਮਜੇਐਸ ਵਿੱਚ ਲੋਡ ਨਹੀਂ ਹੋ ਸਕਦਾ ਹੈ। ਯਕੀਨੀ ਬਣਾਓ ਕਿ ਤੁਸੀਂ ਸਹੀ ਇਵੈਂਟ ਹੈਂਡਲਰ ਦੀ ਵਰਤੋਂ ਕਰ ਰਹੇ ਹੋ ਜਿਵੇਂ ਕਿ onResourceReceived ਅਤੇ ਢੁਕਵੀਂ ਸਮਾਂ ਸਮਾਪਤੀ ਸੈਟ ਕਰਨਾ।
- ਮੈਂ PhantomJS ਵਿੱਚ JavaScript ਗਲਤੀਆਂ ਨੂੰ ਕਿਵੇਂ ਡੀਬੱਗ ਕਰ ਸਕਦਾ ਹਾਂ?
- ਦੀ ਵਰਤੋਂ ਕਰੋ onConsoleMessage ਵੈੱਬਪੇਜ ਦੇ ਕੰਸੋਲ ਤੋਂ ਗਲਤੀਆਂ ਨੂੰ ਲੌਗ ਕਰਨ ਲਈ ਫੰਕਸ਼ਨ। ਇਹ Google Maps API ਨੂੰ ਲੋਡ ਹੋਣ ਤੋਂ ਰੋਕਣ ਵਾਲੀਆਂ ਕਿਸੇ ਵੀ ਸਮੱਸਿਆਵਾਂ ਨੂੰ ਟਰੈਕ ਕਰਨ ਵਿੱਚ ਤੁਹਾਡੀ ਮਦਦ ਕਰੇਗਾ।
- ਫੈਂਟਮਜੇਐਸ ਲਈ ਮੈਨੂੰ ਕਿਹੜੇ ਉਪਭੋਗਤਾ ਏਜੰਟ ਦੀ ਵਰਤੋਂ ਕਰਨੀ ਚਾਹੀਦੀ ਹੈ?
- ਆਧੁਨਿਕ ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਉਪਭੋਗਤਾ ਏਜੰਟ ਦੀ ਨਕਲ ਕਰਨ ਦੀ ਸਲਾਹ ਦਿੱਤੀ ਜਾਂਦੀ ਹੈ, ਜਿਵੇਂ ਕਿ page.settings.userAgent = 'Mozilla/5.0...', ਇਹ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਕਿ Google Maps ਵਰਗੀਆਂ ਵੈੱਬਸਾਈਟਾਂ ਅਤੇ API ਬਲੌਕ ਨਹੀਂ ਹਨ।
- ਮੈਂ ਇਹ ਕਿਵੇਂ ਯਕੀਨੀ ਬਣਾਵਾਂ ਕਿ ਸਾਰੇ ਸਰੋਤ ਸਹੀ ਢੰਗ ਨਾਲ ਲੋਡ ਕੀਤੇ ਗਏ ਹਨ?
- ਤੁਸੀਂ ਵਰਤ ਸਕਦੇ ਹੋ onResourceReceived ਹਰੇਕ ਸਰੋਤ ਦੀ ਸਥਿਤੀ ਦੀ ਜਾਂਚ ਕਰਨ ਲਈ ਇਵੈਂਟ, ਇਹ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਕਿ Google ਨਕਸ਼ੇ ਲਈ ਲੋੜੀਂਦੀਆਂ ਸਾਰੀਆਂ ਸਕ੍ਰਿਪਟਾਂ ਅਤੇ ਸੰਪਤੀਆਂ ਸਫਲਤਾਪੂਰਵਕ ਲੋਡ ਹੋ ਗਈਆਂ ਹਨ।
- ਮੈਂ ਲੋਡ ਕੀਤੇ ਨਕਸ਼ੇ ਦਾ ਸਕ੍ਰੀਨਸ਼ੌਟ ਕਿਵੇਂ ਲੈ ਸਕਦਾ ਹਾਂ?
- ਇੱਕ ਵਾਰ ਨਕਸ਼ਾ ਪੂਰੀ ਤਰ੍ਹਾਂ ਲੋਡ ਹੋਣ ਤੋਂ ਬਾਅਦ, ਤੁਸੀਂ ਇਸਨੂੰ ਵਰਤ ਕੇ ਕੈਪਚਰ ਕਰ ਸਕਦੇ ਹੋ page.render('filename.jpg') ਮੌਜੂਦਾ ਪੰਨੇ ਦੇ ਸਕਰੀਨ ਸ਼ਾਟ ਨੂੰ ਸੁਰੱਖਿਅਤ ਕਰਨ ਲਈ.
ਫੈਂਟਮਜੇਐਸ ਵਿੱਚ ਗੂਗਲ ਮੈਪਸ ਨੂੰ ਲੋਡ ਕਰਨ ਬਾਰੇ ਅੰਤਿਮ ਵਿਚਾਰ
PhantomJS ਵਿੱਚ Google Maps JavaScript API ਨੂੰ ਸਫਲਤਾਪੂਰਵਕ ਲੋਡ ਕਰਨ ਲਈ ਸੋਚ-ਸਮਝ ਕੇ ਗਲਤੀ ਸੰਭਾਲਣ ਅਤੇ ਸਰੋਤ ਪ੍ਰਬੰਧਨ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ। ਸਹੀ ਸਮਾਂ ਸਮਾਪਤੀ ਅਤੇ ਇਵੈਂਟ ਸਰੋਤਿਆਂ ਦੀ ਵਰਤੋਂ ਕਰਨਾ onError ਅਤੇ onResource Received ਨਿਰਵਿਘਨ API ਲੋਡਿੰਗ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ, ਆਮ ਕਮੀਆਂ ਤੋਂ ਬਚਣ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ।
ਹੈੱਡ-ਰਹਿਤ ਵਾਤਾਵਰਣ ਵਿੱਚ Google ਨਕਸ਼ੇ API ਦੀ ਜਾਂਚ ਕਰਨਾ ਗੁੰਝਲਦਾਰ ਹੋ ਸਕਦਾ ਹੈ, ਪਰ ਸਹੀ ਸੰਰਚਨਾ ਦੇ ਨਾਲ, PhantomJS ਇਹਨਾਂ ਕੰਮਾਂ ਨੂੰ ਕੁਸ਼ਲਤਾ ਨਾਲ ਪ੍ਰਬੰਧਿਤ ਕਰ ਸਕਦਾ ਹੈ। ਇਹ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਧਿਆਨ ਨਾਲ ਸਕ੍ਰਿਪਟਿੰਗ ਅਤੇ ਗਲਤੀ ਦੀ ਜਾਂਚ ਜ਼ਰੂਰੀ ਹੈ ਕਿ ਤੁਹਾਡਾ ਨਕਸ਼ਾ ਸਹੀ ਢੰਗ ਨਾਲ ਲੋਡ ਹੋਵੇ ਅਤੇ ਲੋੜ ਅਨੁਸਾਰ ਕੈਪਚਰ ਕੀਤਾ ਜਾਵੇ।
ਫੈਂਟਮਜੇਐਸ ਵਿੱਚ ਗੂਗਲ ਮੈਪਸ API ਲੋਡ ਕਰਨ ਲਈ ਮੁੱਖ ਸਰੋਤ ਅਤੇ ਹਵਾਲੇ
- ਵਿਸਤ੍ਰਿਤ ਸਕ੍ਰਿਪਟਿੰਗ ਮਾਰਗਦਰਸ਼ਨ ਦੇ ਨਾਲ ਫੈਂਟਮਜੇਐਸ ਵਿੱਚ ਗੂਗਲ ਮੈਪਸ API ਨੂੰ ਹੈਂਡਲ ਕਰਨ ਬਾਰੇ ਵਿਸਤ੍ਰਿਤ। ਫੈਂਟਮਜੇਐਸ ਦਸਤਾਵੇਜ਼
- ਵੱਖ-ਵੱਖ ਵਾਤਾਵਰਣਾਂ ਵਿੱਚ Google Maps JavaScript API ਦੇ ਨਾਲ ਕੰਮ ਕਰਨ ਲਈ ਸਭ ਤੋਂ ਵਧੀਆ ਅਭਿਆਸ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ। Google Maps JavaScript API ਦਸਤਾਵੇਜ਼
- ਹੈੱਡਲੈੱਸ ਬ੍ਰਾਊਜ਼ਰਾਂ ਵਿੱਚ ਬਾਹਰੀ JavaScript API ਨੂੰ ਏਕੀਕ੍ਰਿਤ ਕਰਨ ਲਈ ਉਦਾਹਰਨਾਂ ਅਤੇ ਸਮੱਸਿਆ-ਨਿਪਟਾਰਾ ਸੁਝਾਅ ਪੇਸ਼ ਕਰਦਾ ਹੈ। ਸਟੈਕ ਓਵਰਫਲੋ - ਫੈਂਟਮਜੇਐਸ ਵਿੱਚ ਗੂਗਲ ਮੈਪਸ ਲੋਡ ਕੀਤਾ ਜਾ ਰਿਹਾ ਹੈ