Снимок экрана карты Google не работает для маркера и кластера маркеров с использованием html2canvasPython

Программы на Python
Ответить Пред. темаСлед. тема
Anonymous
 Снимок экрана карты Google не работает для маркера и кластера маркеров с использованием html2canvas

Сообщение Anonymous »

Я выполняю проект Python, используя колбу, где я использовал API карты Google, чтобы показать карту в проекте. Я реализую скрипт html2canvas для успешного захвата карты. Но у меня на карте тоже есть маркер, который он не фиксирует. Поэтому я попробовал использовать html2canvasPythonProxy
Вот мой фрагмент javascript-файла шаблона gpsDataMap:

Код: Выделить всё

$(window).load(function(){
$('#saveMap').click(function(){
html2canvas(document.getElementById('map'), {
"logging": true, //Enable log (use Web Console for get Errors and Warnings)
"proxy":"/surveyApp/gpsDataMap/html2canvas-proxy",
useCORS:true,
"onrendered":  function(canvas) {
var img = new Image();
img.onload = function() {
img.onload = null;
document.body.appendChild(img);
};
img.onerror = function() {
img.onerror = null;
if(window.console.log) {
window.console.log("Not loaded image from canvas.toDataURL");
} else {
alert("Not loaded image from canvas.toDataURL");
}
};
img.src = canvas.toDataURL("image/png");
}
});

});
});
И мой фрагмент кода Python:

Код: Выделить всё

import os
import datetime

from flask import Flask, request, render_template, redirect, url_for, flash, Response
from flask.json import dumps
from flask import json
from flask import g, Blueprint, session, abort
from flask_principal import Identity, identity_changed, identity_loaded, RoleNeed, AnonymousIdentity
from flask_login import LoginManager, login_user, login_required, logout_user
from app import app
from model.user_info import SurveyForms

from flask.ext.pymongo import PyMongo

from inspect import getmembers, isfunction
import formConfig
import formTree
import fieldChoices
from dashboard import dashboardData
from collections import namedtuple
from pymongo import MongoClient
from flask import request

from html2canvasproxy import * #include html2canvasproxy in your application
import urlparse
import re

surveyApp_module = Blueprint('surveyApp_module', __name__)

app.config['MONGO_HOST'] = 'localhost'
app.config['MONGO_PORT'] = 27017
app.config['MONGO_DBNAME'] = 'survey'
mongo = PyMongo(app)

h2c = None
real_path = os.getcwd() + '/static/images'
virtual_path = '/gpsDataMap/images/'

@surveyApp_module.route('/')
@login_required
def show_formList():
forms = []
forms = [form.form_name for form in SurveyForms.select().where(SurveyForms.organization_name==session['organization_id'])]
# strip .xml from string to compare with returnData
forms =  [form.replace('.xml','') for form in forms]
returnData = mongo.db.collection_names()
returnData.pop(returnData.index('system.indexes'))
intersected_forms = list(set(forms).intersection(returnData))
if len(intersected_forms):
return render_template('index_pjj.html', surveyEntries=intersected_forms)
return render_template('index_pjj.html', surveyEntries=['No Survey'])

@surveyApp_module.route('/dashboard', methods=['POST'])
def dashboard():
formName = request.form['whichSurvey']
session['formName'] = formName
formtree = formTree.formParseDict(formName)
returnData = dashboardData(formName, mongo.db)
summaryData = totalSummary(formName, mongo.db)
jsonData = json.dumps(returnData)
return render_template('dashboard.html', formName=formName, formTree=formtree, returnData=returnData, summaryData=summaryData, jsonData=jsonData)

@surveyApp_module.route('/gpsDataView', methods=['POST'])
def gpsDataView():
formName = request.form['whichSurvey']
gpsFields = formConfig.survey[formName]['gpsField']
(location, fieldName, fieldSelection, fieldChoicesList) = "", "", "", []
location = request.form['location']
fieldName = request.form['fieldName']
try:
fieldSelection = request.form['fieldChoices']
except KeyError:
pass
fieldChoicesList = request.form.getlist('fieldChoicesList')
fieldData = commonFunctions.vizFieldList(formName)
totalFieldData = commonFunctions.vizFieldListFull(formName)
locationIdentifiers = fieldChoices.locationFieldChoices(formName, mongo.db)
returnData = gpsVariate.getDataforGPSMap(formName, mongo.db, gpsFields, location, fieldName, fieldSelection, fieldChoicesList)
return render_template('gpsDataMap.html', returnData=returnData, formName=formName, fieldData=fieldData, totalFieldData=totalFieldData, locationIdentifiers=locationIdentifiers)

#Copy html2canvas.js to static folder (If not use cdns)
@surveyApp_module.route('/gpsDataMap/html2canvas.js')
def html2canvas_js():
return app.send_static_file('html2canvas.js')

@surveyApp_module.route('/gpsDataMap/html2canvas-proxy')
def html2canvas_proxy():
print ("is this proxy really calling ");
h2c = html2canvasproxy(request.args.get('callback'),  request.args.get('url'))
h2c.userAgent(request.headers['user_agent'])
# import pdb;pdb.set_trace()

if request.referrer is not None:
h2c.referer(request.referrer)

h2c.route(real_path, virtual_path)

r = h2c.result()
# print r['mime']
# print r['data']

return Response(r['data'], mimetype=r['mime'])

# Get images saved by html2canvasproxy
@surveyApp_module.route('/gpsDataMap/html2canvas/images/')
def images(image):
res = html2canvasproxy.resource(real_path, image)

if res is None:
return '', 404

else:
return res['data']
Вот мой скрипт main.py:

Код: Выделить всё

from app import app, db

from auth import *
from admin import admin
from model import *
from view import *
from filters.user_privilege import check_privilege
from filters.form_filter import filter_type

# custom filters
app.jinja_env.filters['check_privilege'] = check_privilege
app.jinja_env.filters['filter_type'] = filter_type

from surveyApp import surveyApp_module
app.register_blueprint(surveyApp_module, url_prefix='/surveyApp')

from view.accounts.login import login_module
app.register_blueprint(login_module)

if __name__ == '__main__':
app.run(port=5555)
При этом в моей консоли появляется следующее:

Код: Выделить всё

html2canvas: Preload starts: finding background-images html2canvas.js:21
html2canvas: Preload: Finding images html2canvas.js:21
html2canvas: Preload: Done. html2canvas.js:21
html2canvas: start: images: 1 / 23 (failed: 0) html2canvas.js:21
html2canvas: start: images: 2 / 23 (failed: 0) html2canvas.js:21
html2canvas: start: images: 3 / 23 (failed: 0) html2canvas.js:21
html2canvas: start: images: 4 / 23 (failed: 0) html2canvas.js:21
html2canvas: start: images: 5 / 23 (failed: 0) html2canvas.js:21
html2canvas: start: images: 6 / 23 (failed: 0) html2canvas.js:21
html2canvas: start: images: 7 / 23 (failed: 0) html2canvas.js:21
html2canvas: start: images: 8 / 23 (failed: 0) html2canvas.js:21
html2canvas: start: images: 9 / 23 (failed: 0) html2canvas.js:21
html2canvas: start: images: 10 / 23 (failed: 0) html2canvas.js:21
html2canvas: start: images: 11 / 23 (failed: 0) html2canvas.js:21
html2canvas: start: images: 12 / 23 (failed: 0) html2canvas.js:21
html2canvas: start: images: 13 / 23 (failed: 0) html2canvas.js:21
html2canvas: start: images: 14 / 23 (failed: 0) html2canvas.js:21
html2canvas: start: images: 15 / 23 (failed: 0) html2canvas.js:21
html2canvas: start: images: 16 / 23 (failed: 0) html2canvas.js:21
html2canvas: start: images: 17 / 23 (failed: 0) html2canvas.js:21
html2canvas: start: images: 18 / 23 (failed: 0) html2canvas.js:21
html2canvas: start: images: 19 / 23 (failed: 0) html2canvas.js:21
html2canvas: start: images: 20 / 23 (failed: 0) html2canvas.js:21
html2canvas: start: images: 21 / 23 (failed: 0) html2canvas.js:21
html2canvas: start: images: 22 / 23 (failed: 0) html2canvas.js:21
GET http://127.0.0.1:5555/home/bhim/app/surveyApp_bhim/images/a0af53c02bd2f2aed37f1d895edcf3485117c512.png 404 (NOT FOUND) html2canvas.js:2249
html2canvas: start: images: 23 / 23 (failed: 1) html2canvas.js:21
Finished loading images: # 23 (failed: 1) html2canvas.js:21
html2canvas: Error loading background: html2canvas.js:21
html2canvas: Renderer: Canvas renderer done - returning canvas obj
ОБНОВЛЕНО:
Результат отладчика:

Код: Выделить всё

folder => images,
timeout => 30,
mimetype => application/javascript,
ua => Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:29.0) Gecko/20100101 Firefox/29.0,
host => 127.0.0.1:5555,
scheme => http,
ref => ,
url => http://www.google.com,
callback => console.log,
default_callback => console.log,
status => 0,
routePath => /static/images/,
savePath => /home/bhim/app/surveyApp_bhim/static/images/,
prefix => htc_,
real_extension => ,
mimes => ['image/bmp', 'image/windows-bmp', 'image/ms-bmp', 'image/jpeg', 'image/jpg', 'image/png', 'image/gif', 'text/html', 'application/xhtml', 'application/xhtml+xml']
ОБНОВЛЕНО Скриншот изображений карты Google

Изображение
[img]https:// i.sstatic.net/UIeUZ.png[/img]
Маркер не захватывается.

Подробнее здесь: https://stackoverflow.com/questions/240 ... -using-htm
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «Python»