ਇੱਕ PyQt5 ਇੰਟਰਐਕਟਿਵ ਮੈਪ ਵਿੱਚ "ਅਨਕਚਡ ਰੈਫਰੈਂਸ ਐਰਰ: ਨਕਸ਼ਾ ਪਰਿਭਾਸ਼ਿਤ ਨਹੀਂ ਹੈ" ਨੂੰ ਸੰਭਾਲਣ ਲਈ JavaScript ਦੀ ਵਰਤੋਂ ਕਰਨਾ

PyQt5 ਵੈੱਬ ਐਪਲੀਕੇਸ਼ਨਾਂ ਵਿੱਚ ਮੈਪ ਸ਼ੁਰੂਆਤੀ ਮੁੱਦਿਆਂ ਨੂੰ ਸੰਬੋਧਿਤ ਕਰਨਾ

PyQt5 ਦੇ ਨਾਲ ਐਪਲੀਕੇਸ਼ਨਾਂ ਨੂੰ ਵਿਕਸਿਤ ਕਰਦੇ ਸਮੇਂ, ਗਤੀਸ਼ੀਲ ਸਮੱਗਰੀ ਨੂੰ ਏਕੀਕ੍ਰਿਤ ਕਰਨਾ ਜਿਵੇਂ ਕਿ ਇੰਟਰਐਕਟਿਵ ਨਕਸ਼ੇ ਉਪਭੋਗਤਾ ਅਨੁਭਵ ਨੂੰ ਵਧਾ ਸਕਦੇ ਹਨ। ਹਾਲਾਂਕਿ, ਪਾਈਥਨ ਅਤੇ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਵਰਗੀਆਂ ਵੱਖ-ਵੱਖ ਤਕਨੀਕਾਂ ਨੂੰ ਜੋੜਦੇ ਸਮੇਂ ਗਲਤੀਆਂ ਦਾ ਸਾਹਮਣਾ ਕਰਨਾ ਅਸਧਾਰਨ ਨਹੀਂ ਹੈ। ਅਜਿਹੀ ਇੱਕ ਗਲਤੀ ਹੈ "ਅਨਕਚਡ ਰੈਫਰੈਂਸ ਐਰਰ: ਨਕਸ਼ਾ ਪਰਿਭਾਸ਼ਿਤ ਨਹੀਂ ਹੈ," ਜੋ ਉਦੋਂ ਵਾਪਰਦੀ ਹੈ ਜਦੋਂ PyQt5 ਦੇ ਅੰਦਰ JavaScript ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ ਨਕਸ਼ੇ ਨੂੰ ਹੇਰਾਫੇਰੀ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ।

ਇਸ ਖਾਸ ਦ੍ਰਿਸ਼ ਵਿੱਚ, ਮਸਲਾ ਪਾਈਥਨ ਵਿੱਚ ਫੋਲੀਅਮ ਰਾਹੀਂ ਇੱਕ ਲੀਫਲੈਟ ਮੈਪ ਨੂੰ ਸ਼ੁਰੂ ਕਰਨ ਅਤੇ QtWebEngineWidgets ਦੀ ਵਰਤੋਂ ਕਰਕੇ PyQt5 ਐਪਲੀਕੇਸ਼ਨ ਵਿੱਚ ਏਮਬੈਡ ਕਰਨ ਤੋਂ ਪੈਦਾ ਹੁੰਦਾ ਹੈ। ਜਿਵੇਂ ਹੀ ਐਪਲੀਕੇਸ਼ਨ ਲੋਡ ਹੁੰਦੀ ਹੈ, JavaScript ਇੱਕ ਮੈਪ ਆਬਜੈਕਟ ਦਾ ਹਵਾਲਾ ਦੇਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰਦਾ ਹੈ ਜੋ ਸਹੀ ਢੰਗ ਨਾਲ ਸ਼ੁਰੂ ਨਹੀਂ ਕੀਤਾ ਗਿਆ ਹੈ, ਜਿਸ ਨਾਲ ਰੈਂਡਰਿੰਗ ਅਤੇ ਕਾਰਜਸ਼ੀਲਤਾ ਦੋਵਾਂ ਵਿੱਚ ਤਰੁੱਟੀਆਂ ਪੈਦਾ ਹੁੰਦੀਆਂ ਹਨ।

ਇੱਕ ਹੋਰ ਆਮ ਮੁੱਦਾ, "ਨਕਸ਼ੇ ਦੀ ਉਦਾਹਰਨ ਸ਼ੁਰੂ ਨਹੀਂ ਕੀਤੀ ਗਈ," ਉਦੋਂ ਵਾਪਰਦੀ ਹੈ ਜਦੋਂ DOM ਦੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਲੋਡ ਹੋਣ ਤੋਂ ਪਹਿਲਾਂ ਨਕਸ਼ੇ ਨਾਲ ਇੰਟਰੈਕਟ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਹ ਸੁਨਿਸ਼ਚਿਤ ਕਰਨਾ ਕਿ ਨਕਸ਼ੇ ਦੀ ਉਦਾਹਰਣ JavaScript ਨੂੰ ਕੰਟਰੋਲ ਕਰਨ ਲਈ ਉਪਲਬਧ ਹੈ, ਸਥਾਨ ਤਬਦੀਲੀਆਂ ਜਾਂ ਇੰਟਰਐਕਟਿਵ ਬਟਨਾਂ ਵਰਗੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਜੋੜਨ ਲਈ ਮਹੱਤਵਪੂਰਨ ਹੈ।

ਇਸ ਲੇਖ ਦਾ ਉਦੇਸ਼ ਇਹਨਾਂ ਮੁੱਦਿਆਂ ਨੂੰ ਤੋੜਨਾ, ਮੂਲ ਕਾਰਨਾਂ ਦੀ ਪੜਚੋਲ ਕਰਨਾ, ਅਤੇ PyQt5 ਵਿੱਚ ਨਕਸ਼ੇ ਨੂੰ ਸਹੀ ਢੰਗ ਨਾਲ ਸ਼ੁਰੂ ਕਰਨ ਅਤੇ ਕੰਟਰੋਲ ਕਰਨ ਲਈ ਹੱਲ ਪ੍ਰਦਾਨ ਕਰਨਾ ਹੈ। ਅਸੀਂ ਇਹ ਵੀ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਾਂਗੇ ਕਿ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਕਾਰਜਕੁਸ਼ਲਤਾ ਨੂੰ ਪਾਈਥਨ ਨਾਲ ਕਿਵੇਂ ਲਿੰਕ ਕਰਨਾ ਹੈ, ਦੋ ਭਾਸ਼ਾਵਾਂ ਵਿਚਕਾਰ ਸੁਚਾਰੂ ਪਰਸਪਰ ਪ੍ਰਭਾਵ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਂਦੇ ਹੋਏ।

PyQt5 ਐਪਲੀਕੇਸ਼ਨਾਂ ਵਿੱਚ ਨਕਸ਼ੇ ਦੀ ਸ਼ੁਰੂਆਤ ਦੇ ਮੁੱਦਿਆਂ ਨੂੰ ਦੂਰ ਕਰਨਾ

JavaScript ਨਾਲ ਏਕੀਕ੍ਰਿਤ ਪਾਈਥਨ ਸਕ੍ਰਿਪਟ ਇੱਕ ਇੰਟਰਐਕਟਿਵ ਮੈਪ ਬਣਾਉਣ ਲਈ ਕੰਮ ਕਰਦੀ ਹੈ PyQt5 ਅਤੇ ਫੋਲੀਅਮ। ਇੱਥੇ ਮੁੱਖ ਕਾਰਜਕੁਸ਼ਲਤਾ ਰੇਡੀਓ ਬਟਨਾਂ ਰਾਹੀਂ ਉਪਭੋਗਤਾ ਇਨਪੁਟ ਦੇ ਅਧਾਰ ਤੇ ਨਕਸ਼ੇ ਦੇ ਸਥਾਨਾਂ ਨੂੰ ਬਦਲਣ ਦੀ ਯੋਗਤਾ ਹੈ। ਵਿਚ load_map ਫੰਕਸ਼ਨ, ਫੋਲੀਅਮ ਦੀ ਵਰਤੋਂ ਮੈਪ ਆਬਜੈਕਟ ਬਣਾਉਣ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ, ਜੋ ਫਿਰ PyQt5 ਇੰਟਰਫੇਸ ਵਿੱਚ ਏਮਬੇਡ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਹ ਨਕਸ਼ਾ ਇੰਟਰਐਕਟਿਵ ਹੈ ਅਤੇ HTML ਦੁਆਰਾ ਕਸਟਮ ਬਟਨ ਜੋੜਨ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ, ਜੋ ਬਾਅਦ ਵਿੱਚ ਲਿੰਕ ਕੀਤਾ ਜਾਂਦਾ ਹੈ JavaScript ਫੰਕਸ਼ਨ. ਫੋਲੀਅਮ ਲਾਇਬ੍ਰੇਰੀ ਨਕਸ਼ਿਆਂ ਨੂੰ ਬਣਾਉਣਾ ਅਤੇ HTML-ਅਧਾਰਿਤ ਤੱਤਾਂ ਜਿਵੇਂ ਕਿ ਬਟਨਾਂ ਨੂੰ ਏਕੀਕ੍ਰਿਤ ਕਰਨਾ ਆਸਾਨ ਬਣਾਉਂਦੀ ਹੈ, ਜੋ ਕਲਿਕ ਕਰਨ 'ਤੇ ਕਾਰਵਾਈਆਂ ਨੂੰ ਚਾਲੂ ਕਰਦੇ ਹਨ।

ਸਕ੍ਰਿਪਟ ਦਾ ਦੂਜਾ ਵੱਡਾ ਹਿੱਸਾ ਨਕਸ਼ੇ ਦੇ HTML ਵਿੱਚ ਏਮਬੇਡ ਕੀਤਾ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਕੋਡ ਹੈ। ਦ initializeMap ਫੰਕਸ਼ਨ ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ ਕਿ ਇੱਕ ਨਕਸ਼ੇ ਦੀ ਉਦਾਹਰਣ ਸਹੀ ਢੰਗ ਨਾਲ ਸ਼ੁਰੂ ਕੀਤੀ ਗਈ ਹੈ ਅਤੇ ਵਿਸ਼ਵ ਪੱਧਰ 'ਤੇ ਉਪਲਬਧ ਹੈ। ਇਹ JavaScript ਵੇਰੀਏਬਲ ਨੂੰ ਯਕੀਨੀ ਬਣਾ ਕੇ "ਨਕਸ਼ੇ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਨਹੀਂ" ਗਲਤੀ ਦੇ ਮੁੱਦੇ ਨੂੰ ਹੱਲ ਕਰਦਾ ਹੈ map_instance ਫੋਲੀਅਮ ਦੁਆਰਾ ਬਣਾਇਆ ਗਿਆ ਲੀਫਲੇਟ ਮੈਪ ਆਬਜੈਕਟ ਨਿਰਧਾਰਤ ਕੀਤਾ ਗਿਆ ਹੈ। ਦੀ ਵਰਤੋਂ ਕਰਕੇ DOMContentLoaded ਇਵੈਂਟ ਲਿਸਨਰ, ਮੈਪ ਇੰਸਟੈਂਸ ਨੂੰ ਉਦੋਂ ਹੀ ਸ਼ੁਰੂ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਜਦੋਂ ਪੰਨਾ ਪੂਰੀ ਤਰ੍ਹਾਂ ਲੋਡ ਹੋ ਜਾਂਦਾ ਹੈ, ਜੋ ਪੇਜ ਰੈਂਡਰਿੰਗ ਦੌਰਾਨ ਪਰਿਭਾਸ਼ਿਤ ਵੇਰੀਏਬਲ ਨਾਲ ਸਬੰਧਤ ਕਿਸੇ ਵੀ ਤਰੁੱਟੀ ਨੂੰ ਰੋਕਦਾ ਹੈ।

ਸਕ੍ਰਿਪਟ ਦਾ ਅਗਲਾ ਮਹੱਤਵਪੂਰਨ ਹਿੱਸਾ ਹੈ moveToLocation JavaScript ਫੰਕਸ਼ਨ। ਇਹ ਫੰਕਸ਼ਨ ਕਾਲ ਕੀਤੇ ਜਾਣ 'ਤੇ ਨਕਸ਼ੇ ਨੂੰ ਖਾਸ ਕੋਆਰਡੀਨੇਟਸ ਤੱਕ ਸੁਚਾਰੂ ਰੂਪ ਨਾਲ ਪੈਨ ਕਰਨ ਅਤੇ ਜ਼ੂਮ ਕਰਨ ਲਈ ਜ਼ਿੰਮੇਵਾਰ ਹੈ। ਦੀ ਵਰਤੋਂ ਕਰਕੇ flyTo Leaflet.js ਤੋਂ ਵਿਧੀ, ਜਦੋਂ ਉਪਭੋਗਤਾ ਇੱਕ ਵੱਖਰਾ ਰੇਡੀਓ ਬਟਨ ਚੁਣਦਾ ਹੈ ਤਾਂ ਨਕਸ਼ਾ ਆਸਾਨੀ ਨਾਲ ਇੱਕ ਨਵੇਂ ਸਥਾਨ 'ਤੇ ਤਬਦੀਲ ਹੋ ਜਾਂਦਾ ਹੈ। ਪਾਈਥਨ ਅਤੇ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਵਿਚਕਾਰ ਇਹ ਪਰਸਪਰ ਪ੍ਰਭਾਵ ਕਾਲ ਕਰਕੇ ਪ੍ਰਾਪਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ JavaScript ਚਲਾਓ PyQt5 ਤੋਂ ਵਿਧੀ, ਜੋ Python ਨੂੰ WebView ਕੰਪੋਨੈਂਟ ਦੇ ਅੰਦਰ JavaScript ਫੰਕਸ਼ਨਾਂ ਨੂੰ ਚਲਾਉਣ ਦੀ ਆਗਿਆ ਦਿੰਦੀ ਹੈ।

ਕੋਡ ਦਾ ਆਖਰੀ ਹਿੱਸਾ ਰੇਡੀਓ ਬਟਨਾਂ ਰਾਹੀਂ ਉਪਭੋਗਤਾ ਇੰਪੁੱਟ ਨੂੰ ਹੈਂਡਲ ਕਰਦਾ ਹੈ। ਜਦੋਂ ਕੋਈ ਉਪਭੋਗਤਾ ਇੱਕ ਰੇਡੀਓ ਬਟਨ ਚੁਣਦਾ ਹੈ, ਤਾਂ ਅੱਪਡੇਟ_ਲੇਬਲ ਫੰਕਸ਼ਨ ਨੂੰ ਇਹ ਪਤਾ ਕਰਨ ਲਈ ਕਿਹਾ ਜਾਂਦਾ ਹੈ ਕਿ ਕਿਹੜਾ ਬਟਨ ਚੁਣਿਆ ਗਿਆ ਹੈ ਅਤੇ ਸੰਬੰਧਿਤ ਨਕਸ਼ੇ ਦੀ ਗਤੀ ਨੂੰ ਚਾਲੂ ਕਰਦਾ ਹੈ। ਹਰੇਕ ਟਿਕਾਣੇ ਲਈ, ਸਕ੍ਰਿਪਟ ਇੱਕ JavaScript ਕਮਾਂਡ ਰਾਹੀਂ ਭੇਜਦੀ ਹੈ JavaScript ਚਲਾਓ ਨਕਸ਼ੇ ਦੇ ਦ੍ਰਿਸ਼ ਨੂੰ ਬਦਲਣ ਲਈ। ਇਹ ਢਾਂਚਾ ਪਾਈਥਨ ਬੈਕਐਂਡ ਅਤੇ JavaScript ਫਰੰਟ-ਐਂਡ ਵਿਚਕਾਰ ਸਹਿਜ ਪਰਸਪਰ ਪ੍ਰਭਾਵ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ, ਇੰਟਰਫੇਸ ਨੂੰ ਉਪਭੋਗਤਾਵਾਂ ਲਈ ਜਵਾਬਦੇਹ ਅਤੇ ਇੰਟਰਐਕਟਿਵ ਬਣਾਉਂਦਾ ਹੈ।

from PyQt5 import QtCore, QtWebEngineWidgets
import folium, os
class UI_MainWindow:
    def load_map(self):
        center_lat, center_lng = 18.45, -66.08
        self.map_obj = folium.Map(location=[center_lat, center_lng], zoom_start=15, min_zoom=14, max_zoom=17, control_scale=True)
        # JavaScript to move the map
        move_js = """
        <script>
        var map_instance;
        function initializeMap() { map_instance = map; }
        function moveToLocation(lat, lng) { if (map_instance) { map_instance.flyTo([lat, lng], 16); } }
        </script>
        """
        self.map_obj.get_root().html.add_child(folium.Element(move_js))
        # Assign map path
        map_path = os.path.join(os.getcwd(), "map_buttons.html")
        self.map_obj.save(map_path)
        self.webView.setUrl(QtCore.QUrl.fromLocalFile(map_path))
    def update_label(self, radio_button):
        if radio_button.isChecked():
            if radio_button == self.radio:  # PO1
                self.webView.page().runJavaScript("moveToLocation(18.45, -66.08);")
            elif radio_button == self.radio2:  # PO2
                self.webView.page().runJavaScript("moveToLocation(18.46, -66.07);")

from PyQt5 import QtCore, QtWebEngineWidgets
import folium, os
class UI_MainWindow:
    def load_map(self):
        center_lat, center_lng = 18.45, -66.08
        self.map_obj = folium.Map(location=[center_lat, center_lng], zoom_start=15, min_zoom=14, max_zoom=17)
        # Initialize map instance in JavaScript
        init_map_js = """
        <script>
        document.addEventListener("DOMContentLoaded", function() { initializeMap(); });
        </script>
        """
        self.map_obj.get_root().html.add_child(folium.Element(init_map_js))
        map_path = os.path.join(os.getcwd(), "map_buttons.html")
        self.map_obj.save(map_path)
        self.webView.setUrl(QtCore.QUrl.fromLocalFile(map_path))
    def update_label(self, radio_button):
        if radio_button.isChecked():
            if radio_button == self.radio:
                self.webView.page().runJavaScript("moveToLocation(18.45, -66.08);")
            elif radio_button == self.radio2:
                self.webView.page().runJavaScript("moveToLocation(18.46, -66.07);")

PyQt5 ਵਿੱਚ ਫੋਲੀਅਮ ਨਾਲ JavaScript ਏਕੀਕਰਣ ਨੂੰ ਸਮਝਣਾ

PyQt5 ਅਤੇ Folium ਨਾਲ ਕੰਮ ਕਰਦੇ ਸਮੇਂ ਇੱਕ ਨਾਜ਼ੁਕ ਪਹਿਲੂ ਪਾਈਥਨ ਅਤੇ JavaScript ਦਾ ਸਹਿਜ ਏਕੀਕਰਣ ਹੈ। ਫੋਲੀਅਮ, ਇੱਕ ਪਾਈਥਨ ਲਾਇਬ੍ਰੇਰੀ, ਲੀਫਲੈਟ ਨਕਸ਼ੇ ਬਣਾਉਣ ਨੂੰ ਸਰਲ ਬਣਾਉਂਦਾ ਹੈ, ਜੋ ਕਿ HTML ਦੇ ਰੂਪ ਵਿੱਚ ਪੇਸ਼ ਕੀਤੇ ਜਾਂਦੇ ਹਨ। ਇਹ PyQt5 ਐਪਲੀਕੇਸ਼ਨਾਂ ਦੇ ਅੰਦਰ ਇੰਟਰਐਕਟਿਵ ਨਕਸ਼ਿਆਂ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨਾ ਆਸਾਨ ਬਣਾਉਂਦਾ ਹੈ, ਜੋ ਕਿ ਵੈੱਬ ਸਮੱਗਰੀ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਲਈ QtWebEngineWidgets ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ। ਹਾਲਾਂਕਿ, JavaScript ਨਾਲ ਇਹਨਾਂ ਨਕਸ਼ਿਆਂ ਨੂੰ ਨਿਯੰਤਰਿਤ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰਦੇ ਸਮੇਂ ਇੱਕ ਆਮ ਚੁਣੌਤੀ ਪੈਦਾ ਹੁੰਦੀ ਹੈ। ਗਲਤੀ "ਅਣਪਛਾਤੀ ਹਵਾਲਾ ਗਲਤੀ: ਨਕਸ਼ਾ ਪਰਿਭਾਸ਼ਿਤ ਨਹੀਂ ਹੈ” JavaScript ਕੋਡ ਦੇ ਅੰਦਰ ਨਕਸ਼ੇ ਦੀ ਉਦਾਹਰਨ ਦੀ ਗਲਤ ਸ਼ੁਰੂਆਤ ਦੇ ਕਾਰਨ ਹੁੰਦਾ ਹੈ।

ਇਸ ਮੁੱਦੇ ਨੂੰ ਹੱਲ ਕਰਨ ਦਾ ਸਭ ਤੋਂ ਵਧੀਆ ਤਰੀਕਾ ਇਹ ਯਕੀਨੀ ਬਣਾਉਣਾ ਹੈ ਕਿ ਮੈਪ ਆਬਜੈਕਟ ਨੂੰ JavaScript ਭਾਗ ਵਿੱਚ ਸਹੀ ਢੰਗ ਨਾਲ ਸ਼ੁਰੂ ਕੀਤਾ ਗਿਆ ਹੈ। ਇਹ ਇੱਕ ਬਣਾ ਕੇ ਪ੍ਰਾਪਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ initializeMap ਫੰਕਸ਼ਨ, ਜੋ ਪੰਨੇ ਦੇ DOM ਦੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਲੋਡ ਹੋਣ ਤੋਂ ਬਾਅਦ ਲੀਫਲੈਟ ਮੈਪ ਆਬਜੈਕਟ ਨੂੰ ਇੱਕ ਗਲੋਬਲ JavaScript ਵੇਰੀਏਬਲ ਨੂੰ ਸੌਂਪਦਾ ਹੈ। ਇਵੈਂਟ ਸਰੋਤਿਆਂ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਪਸੰਦ ਹੈ document.addEventListener, ਅਸੀਂ ਇਹ ਯਕੀਨੀ ਬਣਾ ਸਕਦੇ ਹਾਂ ਕਿ ਨਕਸ਼ੇ ਦੇ ਨਾਲ ਇੰਟਰੈਕਟ ਕਰਨ ਦੇ ਕਿਸੇ ਵੀ ਯਤਨ ਤੋਂ ਪਹਿਲਾਂ ਤਿਆਰ ਹੈ, "ਨਕਸ਼ੇ ਦੀ ਉਦਾਹਰਨ ਸ਼ੁਰੂ ਨਹੀਂ ਕੀਤੀ ਗਈ" ਗਲਤੀ ਨੂੰ ਖਤਮ ਕਰਦੇ ਹੋਏ। ਇਹ ਪਹੁੰਚ ਯਕੀਨੀ ਬਣਾਉਂਦੀ ਹੈ ਕਿ ਨਕਸ਼ੇ ਨੂੰ ਲੋੜ ਅਨੁਸਾਰ ਆਸਾਨੀ ਨਾਲ ਪੈਨ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ ਜਾਂ ਜ਼ੂਮ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ।

ਇਸ ਤੋਂ ਇਲਾਵਾ, Python ਅਤੇ JavaScript ਵਿਚਕਾਰ ਸੁਚਾਰੂ ਸੰਚਾਰ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਣਾ ਜ਼ਰੂਰੀ ਹੈ। PyQt5 ਫੰਕਸ਼ਨ runJavaScript Python ਤੋਂ ਸਿੱਧਾ JavaScript ਫੰਕਸ਼ਨਾਂ ਨੂੰ ਚਲਾਉਣ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ, ਜਿਸ ਨਾਲ PyQt5 ਵਿਜੇਟਸ ਜਿਵੇਂ ਕਿ ਰੇਡੀਓ ਬਟਨਾਂ ਰਾਹੀਂ ਨਕਸ਼ੇ ਨੂੰ ਨਿਯੰਤਰਿਤ ਕਰਨਾ ਸੰਭਵ ਹੋ ਜਾਂਦਾ ਹੈ। ਏਕੀਕਰਣ ਦਾ ਇਹ ਪੱਧਰ ਨਾ ਸਿਰਫ ਮੈਪ ਸ਼ੁਰੂਆਤੀ ਮੁੱਦੇ ਨੂੰ ਹੱਲ ਕਰਦਾ ਹੈ ਬਲਕਿ ਇੰਟਰਐਕਟਿਵ ਐਪਲੀਕੇਸ਼ਨਾਂ ਨੂੰ ਬਣਾਉਣ ਦਾ ਇੱਕ ਸ਼ਕਤੀਸ਼ਾਲੀ ਤਰੀਕਾ ਵੀ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ ਜਿੱਥੇ ਪਾਈਥਨ ਬੈਕਐਂਡ ਤਰਕ ਨੂੰ ਹੈਂਡਲ ਕਰਦਾ ਹੈ ਅਤੇ JavaScript ਫਰੰਟ-ਐਂਡ ਕਾਰਜਕੁਸ਼ਲਤਾ ਦਾ ਪ੍ਰਬੰਧਨ ਕਰਦਾ ਹੈ।