Выполнение функции JavaScript из QWebView * API Карт Google, PyQT *

Я пытаюсь написать фрагмент кода, который считывает долготу и широту из базы данных и передает их в функцию JavaScript, которая затем помещает маркер в соответствие с долготу и широту координат, которые были прочитаны из базы данных.Выполнение функции JavaScript из QWebView * API Карт Google, PyQT *

После того, как HTML был настроен на QWebView, я затем: оценитеJavaScript, чтобы попытаться запустить эту функцию в JavaScript MarkersFromDatabase.

Как вы можете видеть, я изменил класс QWebPage, чтобы отобразить сообщение консоли ошибок и при запуске программы я получаю эту ошибку:

ReferenceError: Can't find variable: MarkersFromDatabase 0 undefined

Я не понимаю, почему он пытается найти переменную, когда я запускаю функцию.
Я не понимаю, почему это не работает функция.

Любая помощь будет принята с благодарностью. Извините за беспорядочное форматирование JavaScript!

Полный код:

from PyQt4.QtWebKit import * 
import sqlite3 
from PyQt4.QtSql import * 

class CustomQWebPage(QWebPage): 
    def __init__(self): 
     super().__init__() 

    def javaScriptConsoleMessage(self,message,lineNumber,sourceID): 
     print(message,lineNumber,sourceID) 
     print("javascript console message^") 

class ViewOnlyMap(QWebView): 


    def __init__(self, parent=None): 
     super().__init__() 
     self.settings().setAttribute(QWebSettings.JavascriptEnabled, True) 
     self.settings().setAttribute(QWebSettings.JavascriptCanOpenWindows, True) 
     self.settings().setAttribute(QWebSettings.JavascriptCanAccessClipboard, True) 
     self.settings().setAttribute(QWebSettings.DeveloperExtrasEnabled, True) 
     self.CustomPage=CustomQWebPage() 
     self.Coordinates=None 

     self.set_code() 
     self.get_marker_coordinates() 



    def get_marker_coordinates(self): 
     with sqlite3.connect("skateboard_progress_tracker.db") as db: 
      cursor=db.cursor() 
      sql="select SkateparkLongitude, SkateparkLatitude from Skatepark" 
      cursor.execute(sql) 
      self.Coordinates=cursor.fetchall() 
     for coordinate in self.Coordinates: 
      self.CustomPage.mainFrame().evaluateJavaScript('MarkersFromDatabase({0},{1})'.format(coordinate[0],coordinate[1])) 

      print("Marker added") 
      print(coordinate[0]) 
      print(coordinate[1]) 








    def set_code(self): 

     self.html='''<!DOCTYPE html> 
<html> 
    <head> 
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 
    <meta charset="utf-8"> 
    <title>Simple markers</title> 
    <style> 
     html, body, #map-canvas { 
     height: 100%; 
     width: 100% 
     margin: 0px; 
     padding: 0px 
     } 
    </style> 
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script> 
    <script> 

     var map; 
     var markers = []; 
     var results = []; 
     var coords = []; 
     var highestLevel; 


     function initialize() { 


     var Centre = new google.maps.LatLng(52.20255705185695,0.1373291015625); 
     var mapOptions = { 
     zoom: 8, 
     minZoom: 3, 
     center: Centre, 
     } 
     map = new google.maps.Map(document.getElementById('map-canvas'),mapOptions); 

     google.maps.event.addListener(map, 'click', function(event) { 
     AddMarker(event.latLng); 
     }); 

     } 


     function MarkersFromDatabase(SkateparkLat,SkateparkLng) { 
     var Skatepark = new google.maps.LatLng(SkateparkLat,SkateparkLng); 
     //return Skatepark; 

     AddMarker(Skatepark); } 




     function AddMarker(location) { 


     var marker = new google.maps.Marker({ 
     title: 'Test', 
     position: location, 
     animation: google.maps.Animation.DROP, 
     map: map 

     }); 
     //markers.push(marker); 
     var lat = marker.getPosition().lat(); 
     var lng = marker.getPosition().lng(); 
     markers.push({"Object":marker,"Lat":lat,"Lng":lng}); 

       var contentString = '<div id="content">'+ 
     '<div id="siteNotice">'+ 
     '</div>'+ 
     '<h1 id="firstHeading" class="firstHeading">Skatepark</h1>'+ 
     '<div id="bodyContent">'+ 
     '<p>A skatepark description </p>'+ 
     '</div>'+ 
     '</div>'; 

     var infowindow = new google.maps.InfoWindow({ 
     content: contentString 
    }); 

     google.maps.event.addListener(marker, 'rightclick', function(event) { 
     marker.setMap(null); 
     }); 
    google.maps.event.addListener(marker, 'mouseover', function(event) { 
    infowindow.open(map,marker); 
    }); 
     } 


function GetMarkers(){ 
    return markers; 
     } 


google.maps.event.addDomListener(window, 'load', initialize); 
    </script> 
    </head> 
    <body> 
    <div id="map-canvas"></div> 
    </body> 
</html> ''' 
     self.setHtml(self.html)

источник

2015-01-31 PythonBen

Вы должны дать веб-страницу возможность загрузки, прежде чем пытаться вызывать функции JavaScript. Так добавить обработчик для loadFinished сигнала:

class ViewOnlyMap(QWebView): 
    def __init__(self, parent=None): 
     super().__init__() 
     ... 
     self.setPage(self.CustomPage) 
     self.loadFinished.connect(self.handleLoadFinished) 
     self.set_code() 

    def handleLoadFinished(self, ok): 
     if ok: 
      print("Page loaded successfully") 
      self.get_marker_coordinates() 
     else: 
      print("Could not load page")

источник

2015-01-31 18:13:56 ekhumoro

Привет, это не работает для меня :( На питона холостых я все еще получаю сообщение: ReferenceError: Не удается найти переменную: MarkersFromDatabase 0 undefined И все же маркеры не отображаются на карте ... – PythonBen

@PythonBen. Вы забыли установить страницу в веб-представлении (см. мой обновленный примерный код). Вам все равно понадобится ' loadFinished'. – ekhumoro

Это остановило ошибку на консоли python, однако местоположения не отображают маркер на карте. Я знаю, что она работает правильно, потому что я использовал retur n location; 'в конце функции JavaScript AddMarker. а затем напечатал строку valueJavaScript и получил координаты, которые я вводил. А также всякий раз, когда я нажимаю на карту, она запускает функцию AddMarker и добавляет маркер. Спасибо за вашу помощь! – PythonBen

Выполнение функции JavaScript из QWebView * API Карт Google, PyQT *

ответ

Смежные вопросы